@bigbinary/neeto-payments-frontend 1.3.26 → 1.4.0

package/app/javascript/src/translations/en.json

@@ -139,6 +139,7 @@
         "requires_action": "requires action"
       },
       "payment": {
+        "initiated": "initiated",
         "completed": "completed",
         "failed": "failed",
         "declined": "declined",
@@ -155,6 +156,7 @@
     },
     "tooltipContent": {
       "identifierUnavailable": "Identifier will be available once splitting is completed successfully",
+      "paymentIdentifierUnavailable": "The identifier will be available once the customer submits payment details",
       "dateUnavailable": "Payment time will be shown once splitting is completed successfully",
       "connectedTransactionUnavailable": "Connected transaction is available once splitting is completed successfully",
       "transaction": {

package/dist/index.cjs.js

@@ -908,7 +908,7 @@ var getTagStyle = function getTagStyle(status) {
 };
 var preProcessStatus = function preProcessStatus(type, status) {
   var record = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (type === "transaction") {
+  if (type === "transaction" || type === "payment") {
     return record.isRefunded ? "refunded" : status;
   }
   if (status === "voided") {
@@ -6663,13 +6663,19 @@ var useFetchRazorpayAccount = function useFetchRazorpayAccount() {
   }, options);
 };
 
+var create$1 = function create(payload) {
+  return axios__default["default"].post("".concat(BASE_URL, "/api/v1/public/razorpay/payments"), {
+    payment: payload
+  });
+};
 var list = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/razorpay/holdable/payments"), {
     params: payload
   });
 };
 var paymentsApi = {
-  list: list
+  list: list,
+  create: create$1
 };
 
 var useFetchRazorpayPayments = function useFetchRazorpayPayments() {
@@ -6679,11 +6685,25 @@ var useFetchRazorpayPayments = function useFetchRazorpayPayments() {
     return paymentsApi.list(payload);
   }, options);
 };
+var useCreateRazorpayPayment = function useCreateRazorpayPayment(options) {
+  return reactQuery.useMutation(paymentsApi.create, options);
+};
 
 var renderIdentifier = function renderIdentifier() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$identifier = _ref.identifier,
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
+  var isTemporaryIdentifier = identifier.startsWith("temp_");
+  if (isTemporaryIdentifier) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
+      position: "top"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "text-center"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "body2"
+    }, i18next.t("neetoPayments.common.notAvailable"))));
+  }
   return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
     content: identifier
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -7379,7 +7399,7 @@ const {
 let {
   freeze,
   seal,
-  create: create$1
+  create
 } = Object; // eslint-disable-line import/no-mutable-exports
 
 let {
@@ -7478,7 +7498,7 @@ function addToSet(set, array, transformCaseFunc) {
 /* Shallow clone an object */
 
 function clone(object) {
-  const newObject = create$1(null);
+  const newObject = create(null);
 
   for (const [property, value] of entries(object)) {
     newObject[property] = value;
@@ -9091,19 +9111,6 @@ var StripeConnect = function StripeConnect(_ref) {
   }));
 };
 
-var create = function create(payload) {
-  return axios__default["default"].post("".concat(BASE_URL, "/api/v1/public/razorpay/orders"), {
-    order: payload
-  });
-};
-var ordersApi = {
-  create: create
-};
-
-var useCreateRazorpayOrder = function useCreateRazorpayOrder(options) {
-  return reactQuery.useMutation(ordersApi.create, options);
-};
-
 var loadScript = function loadScript(src) {
   return new Promise(function (resolve) {
     var script = document.createElement("script");
@@ -9170,13 +9177,13 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
     onSuccessfulPayment();
   };
   var handleSuccess = function handleSuccess(_ref3) {
-    var order = _ref3.order;
+    var payment = _ref3.payment;
     var save = isCardPreservable ? 1 : 0;
     var options = {
       save: save,
-      key: order.publicKey,
-      order_id: order.identifier,
-      customer_id: order.customerIdentifier,
+      key: payment.publicKey,
+      order_id: payment.orderIdentifier,
+      customer_id: payment.customerIdentifier,
       prefill: {
         name: name,
         email: email
@@ -9189,11 +9196,11 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
     };
     openRazorpayCheckout(ramda.mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options));
   };
-  var _useCreateRazorpayOrd = useCreateRazorpayOrder({
+  var _useCreateRazorpayPay = useCreateRazorpayPayment({
       onSuccess: handleSuccess
     }),
-    isLoading = _useCreateRazorpayOrd.isLoading,
-    createRazorpayOrder = _useCreateRazorpayOrd.mutate;
+    isLoading = _useCreateRazorpayPay.isLoading,
+    createRazorpayOrder = _useCreateRazorpayPay.mutate;
   var handleClick = function handleClick() {
     onBeforePayment();
     var payload = {