@lookiero/checkout 12.16.0 → 12.17.0

package/cypress/support/e2e.ts

@@ -1,3 +1,9 @@
 Cypress.Commands.add("getByTestId", (selector, ...args) => cy.get(`[data-testid=${selector}]`, ...args));
 
 Cypress.Commands.add("shouldIncludePathInUrl", (path) => cy.url().should("include", path));
+
+beforeEach(() => {
+  cy.intercept("GET", "/local-to-external-i18n/**", { fixture: "es-external-translations.json" }).as(
+    "external-translations",
+  );
+});

package/cypress.config.ts

@@ -1,8 +1,5 @@
 import { defineConfig } from "cypress";
 
-const webpack = require("webpack");
-const expoWebpackConfig = require("./webpack.config");
-
 export default defineConfig({
   projectId: "checkout",
   fixturesFolder: "cypress/fixtures",
@@ -13,30 +10,6 @@ export default defineConfig({
   defaultCommandTimeout: 10000,
 
   e2e: {
-    async setupNodeEvents(on, config) {
-      const webpackPreprocessor = require("@cypress/webpack-preprocessor");
-      const webpackOptions = await expoWebpackConfig(
-        {
-          pwa: false,
-          logger: {},
-          mode: "development",
-          https: false,
-        },
-        {},
-      );
-
-      on(
-        "file:preprocessor",
-        webpackPreprocessor({
-          webpackOptions: {
-            ...webpackOptions,
-            plugins: [new webpack.DefinePlugin({ process: { env: {} } })],
-          },
-        }),
-      );
-
-      return config;
-    },
     baseUrl: "http://localhost:19004/",
     specPattern: "cypress/integration/**/*.{js,jsx,ts,tsx}",
   },
@@ -44,7 +17,7 @@ export default defineConfig({
   component: {
     devServer: {
       framework: "react",
-      bundler: "webpack",
+      bundler: "vite",
     },
   },
 });

package/dist/src/Expo.d.ts

@@ -1 +1,2 @@
+import "@expo/metro-runtime";
 import "react-native-get-random-values";

package/dist/src/Expo.js

@@ -1,3 +1,4 @@
+import "@expo/metro-runtime";
 import { registerRootComponent } from "expo";
 import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";

package/dist/src/ExpoRoot.js

@@ -43,14 +43,18 @@ const sentryConfig = {
 const apiUrl = Platform.OS !== "web"
     ? "https://web2.sp.dev.aws.lookiero.es/checkout/api"
     : __DEV__
-        ? "/local-to-dev"
+        ? process.env.EXPO_PUBLIC_CI
+            ? "/local-to-dev"
+            : "http://localhost:3004/local-to-dev"
         : "/checkout/api";
 const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTIwMjgsImV4cCI6MTc1NzMxOTgyNSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMTgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiOTQxM2ZlM2EtMDlmYy00MjY0LTkwNWUtMDQwYmI3YjRjYTc1IiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NTQ2NDE0MjV9.n9OBM8mV1HoEzwg1v60XSjcgFythcrBRty1mcpE7KDM";
 const getAuthToken = () => Promise.resolve(authToken);
 const externalTranslationsUrl = Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"
     : __DEV__
-        ? "/local-to-external-i18n"
+        ? process.env.EXPO_PUBLIC_CI
+            ? "/local-to-external-i18n"
+            : "http://localhost:3004/local-to-external-i18n"
         : "/external-i18n";
 const translationProjectsByTradename = {
     [Tradename.LOOKIERO]: [["checkout"], ["inventory-catalog"]],

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "12.16.0";
+export declare const VERSION = "12.17.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "12.16.0";
+export const VERSION = "12.17.0";

package/metro.config.js

@@ -2,6 +2,10 @@
 const { getDefaultConfig } = require("expo/metro-config");
 const path = require('path');
 
+const {
+  withSentryConfig
+} = require("@sentry/react-native/metro");
+
 // Find the project and workspace directories
 const projectRoot = __dirname;
 // This can be replaced with `find-yarn-workspace-root`
@@ -19,4 +23,4 @@ config.resolver.nodeModulesPaths = [
 
 config.resolver.disableHierarchicalLookup = true;
 
-module.exports = config;
+module.exports = withSentryConfig(config);

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.16.0",
+  "version": "12.17.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
   "scripts": {
-    "dev": "sty-psp dev",
+    "dev": "sty-psp dev --server proxy-server.js",
     "build": "sty-psp build",
     "serve": "sty-psp serve",
     "format": "prettier --write .",
     "lint": "eslint --fix .",
     "test": "jest",
-    "cypress": "METRO_PORT=8084 WEB_PORT=19004 start-server-and-test dev 19004 'cypress run'",
-    "cypress:open": "METRO_PORT=8084 WEB_PORT=19004 start-server-and-test dev 19004 'cypress open'",
+    "cypress": "start-server-and-test 'sty-psp dev --port 19004' 19004 'cypress run'",
+    "cypress:open": "start-server-and-test 'sty-psp dev --port 19004' 19004 'cypress open'",
     "eas-build-pre-install": "./eas-hooks/eas-build-pre-install.sh",
     "eas-build-post-install": "sty-psp generate-version",
     "eas-build-on-success": "./eas-hooks/eas-build-on-success.sh",
@@ -22,28 +22,28 @@
     "@lookiero/messaging": "^8.1.1",
     "@lookiero/messaging-react": "^8.1.1",
     "@lookiero/sty-psp-ab-testing": "^0.3",
-    "@lookiero/sty-psp-expo-config": "^1.0",
-    "@lookiero/sty-psp-http": "^2.0",
+    "@lookiero/sty-psp-expo-config": "^1.1",
+    "@lookiero/sty-psp-http": "^2.1",
     "@lookiero/sty-psp-i18n": "^1.3",
     "@lookiero/sty-psp-locale": "^1.0",
-    "@lookiero/sty-psp-logging": "^1.0",
-    "@lookiero/sty-psp-notifications": "^2.7",
+    "@lookiero/sty-psp-logging": "^1.1",
+    "@lookiero/sty-psp-notifications": "^2.8",
     "@lookiero/sty-psp-react-native": "^1.0",
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^0.2",
     "@lookiero/sty-psp-tracking": "^2.1",
-    "@lookiero/sty-psp-ui-settings": "^1.0",
+    "@lookiero/sty-psp-ui-settings": "^1.1",
     "@lookiero/sty-psp-ui": "^2.6",
     "@lookiero/sty-psp-units": "^0.1",
     "@lookiero/sty-psp-uuid": "^0.2",
     "@lookiero/sty-sp-tradename": "^1.0",
+    "@sentry/react-native": "^6.20.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-svg": "15.8.0",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
     "@config-plugins/detox": "^6.0.0",
-    "@cypress/webpack-preprocessor": "^6.0.2",
     "@lookiero/eslint-config-sty-psp": "*",
     "@lookiero/event": "^0.3",
     "@lookiero/payments-front": "^7.0.0",
@@ -60,17 +60,14 @@
     "buffer": "5.6.0",
     "cypress": "^13.14.2",
     "detox": "^20.11.0",
-    "expo-crypto": "~14.0.2",
+    "http-proxy-middleware": "^2.0.9",
     "jest-mock-extended": ">=3",
     "jest-when": ">=3",
     "metro": "^0.81.0",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-get-random-values": "~1.11.0",
     "react-native-reanimated": "~3.16.1",
-    "react-native-safe-area-context": "4.12.0",
-    "webpack-bundle-analyzer": "^4.10.2",
-    "webpack": "^5",
-    "webpack-dev-server": "^4"
+    "react-native-safe-area-context": "4.12.0"
   },
   "peerDependencies": {
     "@gorhom/portal": ">=1.0",

package/proxy-server.js

@@ -0,0 +1,47 @@
+const express = require('express');
+const { createProxyMiddleware } = require('http-proxy-middleware');
+const cors = require('cors');
+const app = express();
+
+app.use(cors());
+
+const DEV_UAF_SP = "https://web2.sp.dev.aws.lookiero.es";
+const DEV_BFU = "https://backend-for-user.dev.envs.lookiero.tech";
+const PROD_UAF_PROXY = "https://lookiero.es";
+
+app.use('/local-to-dev', createProxyMiddleware({
+  target: DEV_UAF_SP,
+  pathRewrite: { '^/local-to-dev': '/checkout/api' },
+  changeOrigin: true,
+  logLevel: 'debug',
+}));
+
+app.use('/local-to-prod', createProxyMiddleware({
+  target: PROD_UAF_PROXY,
+  pathRewrite: { '^/local-to-prod': '/checkout/api' },
+  changeOrigin: true,
+  logLevel: 'debug',
+}));
+
+app.use('/local-to-external-i18n', createProxyMiddleware({
+  target: DEV_BFU,
+  pathRewrite: { "^/local-to-external-i18n": "/api/v2/translations" },
+  changeOrigin: true,
+  logLevel: "debug",
+}));
+
+// Payments
+app.use('/web', createProxyMiddleware({
+  target: DEV_UAF_SP,
+  changeOrigin: true,
+}));
+
+app.use('/graphql', createProxyMiddleware({
+  target: DEV_BFU,
+  changeOrigin: true,
+}));
+
+app.listen(3004, () => {
+  console.log('Proxy server running on http://localhost:3004');
+});
+

package/src/Expo.tsx

@@ -1,3 +1,4 @@
+import "@expo/metro-runtime";
 import { registerRootComponent } from "expo";
 import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";

package/src/ExpoRoot.tsx

@@ -55,7 +55,9 @@ const apiUrl =
   Platform.OS !== "web"
     ? "https://web2.sp.dev.aws.lookiero.es/checkout/api"
     : __DEV__
-      ? "/local-to-dev"
+      ? process.env.EXPO_PUBLIC_CI
+        ? "/local-to-dev"
+        : "http://localhost:3004/local-to-dev"
       : "/checkout/api";
 const authToken =
   "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTIwMjgsImV4cCI6MTc1NzMxOTgyNSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMTgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiOTQxM2ZlM2EtMDlmYy00MjY0LTkwNWUtMDQwYmI3YjRjYTc1IiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NTQ2NDE0MjV9.n9OBM8mV1HoEzwg1v60XSjcgFythcrBRty1mcpE7KDM";
@@ -65,7 +67,9 @@ const externalTranslationsUrl =
   Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"
     : __DEV__
-      ? "/local-to-external-i18n"
+      ? process.env.EXPO_PUBLIC_CI
+        ? "/local-to-external-i18n"
+        : "http://localhost:3004/local-to-external-i18n"
       : "/external-i18n";
 const translationProjectsByTradename: Record<Tradename, [project: Project, filter?: string][]> = {
   [Tradename.LOOKIERO]: [["checkout"], ["inventory-catalog"]],

package/webpack.config.js

@@ -1,87 +0,0 @@
-const webpack = require("webpack");
-const createExpoWebpackConfigAsync = require("@expo/webpack-config");
-// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-
-const DEV_UAF_SP = "https://web2.sp.dev.aws.lookiero.es";
-const DEV_BFU = "https://backend-for-user.dev.envs.lookiero.tech";
-const PROD_UAF_PROXY = "https://lookiero.es";
-
-module.exports = async function (env, argv) {
-  const config = await createExpoWebpackConfigAsync(
-    {
-      ...env,
-      babel: {
-        // dangerouslyAddModulePathsToTranspile: ["@sentry/react-native"],
-      },
-    },
-    argv,
-  );
-
-  if (config.devServer) {
-    config.devServer.proxy = {
-      "/local-to-dev": {
-        target: `${DEV_UAF_SP}/checkout/api`,
-        pathRewrite: { ["^/local-to-dev"]: "" },
-        secure: false,
-        changeOrigin: true,
-        logLevel: "debug",
-      },
-      "/local-to-prod": {
-        target: `${PROD_UAF_PROXY}/checkout/api`,
-        pathRewrite: { ["^/local-to-prod"]: "" },
-        secure: false,
-        changeOrigin: true,
-        logLevel: "debug",
-      },
-      "/local-to-external-i18n": {
-        target: `${DEV_BFU}/api/v2/translations`,
-        pathRewrite: { ["^/local-to-external-i18n"]: "" },
-        secure: false,
-        changeOrigin: true,
-        logLevel: "debug",
-      },
-      // Payments
-      "/web": {
-        target: DEV_UAF_SP,
-        secure: false,
-        changeOrigin: true,
-      },
-      // Web/Payments graphql
-      "/graphql": {
-        target: DEV_BFU,
-        secure: false,
-        changeOrigin: true,
-      },
-    };
-  }
-
-  // Add in missing process.env.EXPO_PUBLIC_<...> variables to the DefinePlugin
-  const expoPublicEnvVars = Object.fromEntries(
-    Object.entries(process.env)
-      .filter(([key]) => key.startsWith("EXPO_PUBLIC_"))
-      .map(([key, value]) => [key, JSON.stringify(value)]),
-  );
-
-  /**
-   * This is required in order to resolve an Aurora introduced issue.
-   * Without this config, expo won't start.
-   */
-  config.plugins = [
-    ...(config.plugins || []),
-    new webpack.DefinePlugin({ process: { env: expoPublicEnvVars } }),
-    // new BundleAnalyzerPlugin({ path: 'web-report' })
-    /**
-     * https://github.com/webpack/changelog-v5/issues/10#issuecomment-615877593
-     */
-    new webpack.ProvidePlugin({ Buffer: ["buffer", "Buffer"] }),
-  ];
-
-  config.entry = "./src/Expo.tsx";
-
-  config.resolve.fallback = {
-    ...config.resolve.fallback,
-    crypto: require.resolve('expo-crypto'),
-  };
-
-  return config;
-};