@superlogic/spree-pay 0.1.23 → 0.1.25

package/build/index.cjs

@@ -204,7 +204,7 @@ var useSpreePayConfig = () => {
       rainbowProjectId: data.rainbowProjectId ?? "3fdcd5ff50cb84917cd05e40146975d8",
       rainbowAppName: data.rainbowAppName ?? "AIR Shop",
       pointsTitle: data.pointsTitle ?? "AIR SP",
-      pointsConversionRatio: data.pointsConversionRatio ?? 100,
+      pointsConversionRatio: data.pointsConversionRatio ?? 0.01,
       crypto: {
         ...data.crypto,
         oneInchAggregationRouter: data.crypto?.oneInchAggregationRouter || "0x111111125421ca6dc452d289314280a0f8842a65"
@@ -302,7 +302,7 @@ var getSplitAmount = (amount, splitTokens, pointsConversionRatio) => {
     return amount;
   }
   if (pointsConversionRatio <= 0) return amount;
-  const usdCoveredByPoints = splitTokens / pointsConversionRatio;
+  const usdCoveredByPoints = splitTokens * pointsConversionRatio;
   const remaining = amount - usdCoveredByPoints;
   return Math.max(0, parseFloat(remaining.toFixed(2)));
 };
@@ -1319,7 +1319,7 @@ var PointsSwitch = (props) => {
       balance?.availablePoints ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "flex-1 text-right text-sm font-medium text-black", children: [
         formatPoints(balance.availablePoints, spreePayConfig?.pointsTitle),
         " ",
-        !!spreePayConfig?.pointsConversionRatio && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-black/50", children: formatUSD(balance.availablePoints / spreePayConfig.pointsConversionRatio) })
+        !!spreePayConfig?.pointsConversionRatio && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-black/50", children: formatUSD(balance.availablePoints * spreePayConfig.pointsConversionRatio) })
       ] }) : null
     ] }),
     message && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-1 rounded-sm border-1 border-[#006FD533] bg-[#006FD50D] p-1.5", children: [
@@ -1337,6 +1337,7 @@ var PointsSwitch = (props) => {
 
 // src/components/CreditCardTab/Points/SplitBlock.tsx
 var import_react11 = require("react");
+var import_airkit2 = require("@mocanetwork/airkit");
 
 // src/components/CreditCardTab/Points/PointsSelector.tsx
 var import_react10 = require("react");
@@ -2339,7 +2340,8 @@ var PointsSelector = (props) => {
   const { spreePayConfig } = useSpreePayConfig();
   const { pointsConversionRatio } = spreePayConfig || {};
   const min = 0;
-  const max = Math.min((appProps.amount ?? 0) * (pointsConversionRatio ?? 0), balance?.availablePoints ?? 0);
+  const maxByAmount = pointsConversionRatio && pointsConversionRatio > 0 ? (appProps.amount ?? 0) / pointsConversionRatio : 0;
+  const max = Math.min(maxByAmount, balance?.availablePoints ?? 0);
   const step = 10;
   const [splitTokens, setSplitTokens] = (0, import_react10.useState)(0);
   const usdAmount = getSplitAmount(appProps.amount ?? 0, splitTokens, pointsConversionRatio);
@@ -2420,13 +2422,15 @@ var SplitBlock = (props) => {
   const [address, setAddress] = (0, import_react11.useState)(null);
   const [walletReady, setWalletReady] = (0, import_react11.useState)(false);
   const { pointsConversionRatio, pointsTitle } = spreePayConfig || {};
+  const { env } = useSpreePayEnv();
   const initWallet = (0, import_react11.useCallback)(
     async (pointsChain) => {
       if (!pointsChain) return;
       try {
         const res = await getAirWallet({
           mocaChain: pointsChain.mocaChain,
-          partnerId: pointsChain.partnerId
+          partnerId: pointsChain.partnerId,
+          buildEnv: env.environment === "prod" ? import_airkit2.BUILD_ENV.PRODUCTION : import_airkit2.BUILD_ENV.SANDBOX
         });
         setAddress(res.address ?? null);
         setWalletReady(res.walletReady);
@@ -2437,7 +2441,7 @@ var SplitBlock = (props) => {
         console.error("Air Wallet init failed:", e);
       }
     },
-    [onToggle]
+    [onToggle, env.environment]
   );
   (0, import_react11.useEffect)(() => {
     setAddress(null);
@@ -2450,7 +2454,7 @@ var SplitBlock = (props) => {
       " ",
       formatPoints(balance.availablePoints, pointsTitle),
       " ",
-      pointsConversionRatio && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-black/50", children: formatUSD(balance.availablePoints / pointsConversionRatio) })
+      pointsConversionRatio && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-black/50", children: formatUSD(balance.availablePoints * pointsConversionRatio) })
     ] }) : null }),
     isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-4 w-6 animate-pulse bg-gray-200" }) : !balance?.availablePoints && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium text-black", children: "No points available" }),
     address && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-sm font-medium text-black", children: address.length > 8 ? `${address.slice(0, 4)}...${address.slice(-4)}` : address })
@@ -3267,7 +3271,7 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
 var CryptoTab = () => {
   const { spreePayConfig } = useSpreePayConfig();
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-b-1 border-black/7 px-5 py-5 md:px-7 md:py-5", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CryptoWrapper, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-b-1 border-black/7 px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CryptoWrapper, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PointsSwitch, { disabled: true, message: spreePayConfig?.crypto.pointsInfoMessage }) })
   ] });
 };

package/build/index.css

@@ -1483,11 +1483,6 @@
     padding-inline: calc(var(--spacing) * 7);
   }
 }
-.sl-spreepay .md\:py-5 {
-  @media (width >= 48rem) {
-    padding-block: calc(var(--spacing) * 5);
-  }
-}
 .sl-spreepay .md\:py-6 {
   @media (width >= 48rem) {
     padding-block: calc(var(--spacing) * 6);

package/build/index.js

@@ -164,7 +164,7 @@ var useSpreePayConfig = () => {
       rainbowProjectId: data.rainbowProjectId ?? "3fdcd5ff50cb84917cd05e40146975d8",
       rainbowAppName: data.rainbowAppName ?? "AIR Shop",
       pointsTitle: data.pointsTitle ?? "AIR SP",
-      pointsConversionRatio: data.pointsConversionRatio ?? 100,
+      pointsConversionRatio: data.pointsConversionRatio ?? 0.01,
       crypto: {
         ...data.crypto,
         oneInchAggregationRouter: data.crypto?.oneInchAggregationRouter || "0x111111125421ca6dc452d289314280a0f8842a65"
@@ -262,7 +262,7 @@ var getSplitAmount = (amount, splitTokens, pointsConversionRatio) => {
     return amount;
   }
   if (pointsConversionRatio <= 0) return amount;
-  const usdCoveredByPoints = splitTokens / pointsConversionRatio;
+  const usdCoveredByPoints = splitTokens * pointsConversionRatio;
   const remaining = amount - usdCoveredByPoints;
   return Math.max(0, parseFloat(remaining.toFixed(2)));
 };
@@ -1279,7 +1279,7 @@ var PointsSwitch = (props) => {
       balance?.availablePoints ? /* @__PURE__ */ jsxs9("p", { className: "flex-1 text-right text-sm font-medium text-black", children: [
         formatPoints(balance.availablePoints, spreePayConfig?.pointsTitle),
         " ",
-        !!spreePayConfig?.pointsConversionRatio && /* @__PURE__ */ jsx15("span", { className: "text-black/50", children: formatUSD(balance.availablePoints / spreePayConfig.pointsConversionRatio) })
+        !!spreePayConfig?.pointsConversionRatio && /* @__PURE__ */ jsx15("span", { className: "text-black/50", children: formatUSD(balance.availablePoints * spreePayConfig.pointsConversionRatio) })
       ] }) : null
     ] }),
     message && /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-1 rounded-sm border-1 border-[#006FD533] bg-[#006FD50D] p-1.5", children: [
@@ -1297,6 +1297,7 @@ var PointsSwitch = (props) => {
 
 // src/components/CreditCardTab/Points/SplitBlock.tsx
 import { useCallback as useCallback4, useEffect as useEffect6, useState as useState9 } from "react";
+import { BUILD_ENV as BUILD_ENV2 } from "@mocanetwork/airkit";
 
 // src/components/CreditCardTab/Points/PointsSelector.tsx
 import { useState as useState8 } from "react";
@@ -2299,7 +2300,8 @@ var PointsSelector = (props) => {
   const { spreePayConfig } = useSpreePayConfig();
   const { pointsConversionRatio } = spreePayConfig || {};
   const min = 0;
-  const max = Math.min((appProps.amount ?? 0) * (pointsConversionRatio ?? 0), balance?.availablePoints ?? 0);
+  const maxByAmount = pointsConversionRatio && pointsConversionRatio > 0 ? (appProps.amount ?? 0) / pointsConversionRatio : 0;
+  const max = Math.min(maxByAmount, balance?.availablePoints ?? 0);
   const step = 10;
   const [splitTokens, setSplitTokens] = useState8(0);
   const usdAmount = getSplitAmount(appProps.amount ?? 0, splitTokens, pointsConversionRatio);
@@ -2380,13 +2382,15 @@ var SplitBlock = (props) => {
   const [address, setAddress] = useState9(null);
   const [walletReady, setWalletReady] = useState9(false);
   const { pointsConversionRatio, pointsTitle } = spreePayConfig || {};
+  const { env } = useSpreePayEnv();
   const initWallet = useCallback4(
     async (pointsChain) => {
       if (!pointsChain) return;
       try {
         const res = await getAirWallet({
           mocaChain: pointsChain.mocaChain,
-          partnerId: pointsChain.partnerId
+          partnerId: pointsChain.partnerId,
+          buildEnv: env.environment === "prod" ? BUILD_ENV2.PRODUCTION : BUILD_ENV2.SANDBOX
         });
         setAddress(res.address ?? null);
         setWalletReady(res.walletReady);
@@ -2397,7 +2401,7 @@ var SplitBlock = (props) => {
         console.error("Air Wallet init failed:", e);
       }
     },
-    [onToggle]
+    [onToggle, env.environment]
   );
   useEffect6(() => {
     setAddress(null);
@@ -2410,7 +2414,7 @@ var SplitBlock = (props) => {
       " ",
       formatPoints(balance.availablePoints, pointsTitle),
       " ",
-      pointsConversionRatio && /* @__PURE__ */ jsx25("span", { className: "text-black/50", children: formatUSD(balance.availablePoints / pointsConversionRatio) })
+      pointsConversionRatio && /* @__PURE__ */ jsx25("span", { className: "text-black/50", children: formatUSD(balance.availablePoints * pointsConversionRatio) })
     ] }) : null }),
     isBalanceLoading ? /* @__PURE__ */ jsx25("div", { className: "h-4 w-6 animate-pulse bg-gray-200" }) : !balance?.availablePoints && /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium text-black", children: "No points available" }),
     address && /* @__PURE__ */ jsx25("div", { className: "text-sm font-medium text-black", children: address.length > 8 ? `${address.slice(0, 4)}...${address.slice(-4)}` : address })
@@ -3227,7 +3231,7 @@ import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var CryptoTab = () => {
   const { spreePayConfig } = useSpreePayConfig();
   return /* @__PURE__ */ jsxs23("div", { children: [
-    /* @__PURE__ */ jsx39("div", { className: "border-b-1 border-black/7 px-5 py-5 md:px-7 md:py-5", children: /* @__PURE__ */ jsx39(CryptoWrapper, {}) }),
+    /* @__PURE__ */ jsx39("div", { className: "border-b-1 border-black/7 px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ jsx39(CryptoWrapper, {}) }),
     /* @__PURE__ */ jsx39("div", { className: "px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ jsx39(PointsSwitch, { disabled: true, message: spreePayConfig?.crypto.pointsInfoMessage }) })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",