@licklist/design 0.70.7 → 0.70.8

package/dist/iframe/ryft/RyftPaymentForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAML,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,8JAUzB,oBAAoB,4CA+KtB,CAAA"}
+{"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAML,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAOzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,8JAUzB,oBAAoB,4CAqLtB,CAAA"}

package/dist/iframe/ryft/RyftPaymentForm.js

@@ -224,8 +224,8 @@ var RyftPaymentForm = function(param) {
         setReferrerBeforePayment();
     };
     var handleSubmit = function() {
-        var _ref = _async_to_generator(function() {
-            var paymentSession, _paymentSession_requiredAction, error;
+        var _ref = _async_to_generator(function(_paymentSession) {
+            var paymentSession, _tmp, _paymentSession_requiredAction, error;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -234,16 +234,24 @@ var RyftPaymentForm = function(param) {
                     case 1:
                         _state.trys.push([
                             1,
-                            3,
                             4,
-                            5
+                            5,
+                            6
                         ]);
+                        _tmp = _paymentSession;
+                        if (_tmp) return [
+                            3,
+                            3
+                        ];
                         return [
                             4,
                             onSubmit()
                         ];
                     case 2:
-                        paymentSession = _state.sent();
+                        _tmp = _state.sent();
+                        _state.label = 3;
+                    case 3:
+                        paymentSession = _tmp;
                         if (!paymentSession) {
                             setRyftError('unknown_error');
                         }
@@ -269,28 +277,28 @@ var RyftPaymentForm = function(param) {
                         }
                         return [
                             3,
-                            5
+                            6
                         ];
-                    case 3:
+                    case 4:
                         error = _state.sent();
                         setRyftError(error);
                         return [
                             3,
-                            5
+                            6
                         ];
-                    case 4:
+                    case 5:
                         setIsBtnDisabled(false);
                         return [
                             7
                         ];
-                    case 5:
+                    case 6:
                         return [
                             2
                         ];
                 }
             });
         });
-        return function handleSubmit() {
+        return function handleSubmit(_paymentSession) {
             return _ref.apply(this, arguments);
         };
     }();
@@ -319,6 +327,9 @@ var RyftPaymentForm = function(param) {
             addEventHandler('cardValidationChanged', function(e) {
                 setIsValid(e.isValid);
             });
+            addEventHandler('walletPaymentSessionResult', function(e) {
+                handleSubmit(e.paymentSession);
+            });
             setRyftInitFailure(false);
         }, function() {
             return setRyftInitFailure(true);
@@ -374,7 +385,9 @@ var RyftPaymentForm = function(param) {
             ref: formRef,
             id: "ryft-pay-form",
             noValidate: true,
-            onSubmit: methods.handleSubmit(handleSubmit),
+            onSubmit: methods.handleSubmit(function() {
+                return handleSubmit();
+            }),
             className: "ryft-payment-form",
             children: [
                 /*#__PURE__*/ jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.70.7",
+  "version": "0.70.8",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -206,4 +206,4 @@
     "node": "20.9.0",
     "yarn": "4.4.0"
   }
-}
+}

package/src/iframe/ryft/RyftPaymentForm.tsx

@@ -33,6 +33,11 @@ export const ryftErrorMap: Record<string, string> = {
 
 export type RyftPaymentFormValues = Record<string, never>
 
+interface GoogleAndApplePayResponse {
+  paymentSession: AttemptPaymentResponse
+  eventName: string
+}
+
 export interface RyftPaymentFormProps {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   accountId: any
@@ -89,10 +94,10 @@ export const RyftPaymentForm = ({
     setReferrerBeforePayment()
   }
 
-  const handleSubmit = async () => {
+  const handleSubmit = async (_paymentSession?: AttemptPaymentResponse) => {
     setIsBtnDisabled(true)
     try {
-      const paymentSession = await onSubmit()
+      const paymentSession = _paymentSession || (await onSubmit())
 
       if (!paymentSession) {
         setRyftError('unknown_error')
@@ -164,6 +169,12 @@ export const RyftPaymentForm = ({
         addEventHandler('cardValidationChanged', (e: MessageEvent['data']) => {
           setIsValid(e.isValid)
         })
+        addEventHandler(
+          'walletPaymentSessionResult',
+          (e: MessageEvent<GoogleAndApplePayResponse>['data']) => {
+            handleSubmit(e.paymentSession)
+          },
+        )
 
         setRyftInitFailure(false)
       },
@@ -218,7 +229,7 @@ export const RyftPaymentForm = ({
         ref={formRef}
         id='ryft-pay-form'
         noValidate
-        onSubmit={methods.handleSubmit(handleSubmit)}
+        onSubmit={methods.handleSubmit(() => handleSubmit())}
         className='ryft-payment-form'
       >
         <div className='form-disable-box' id='form-disable-box' />