react-native-bootpay-api 13.14.0 → 13.14.1

package/lib/Bootpay.js

@@ -0,0 +1,30 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Bootpay=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeWebviewBootpay=_interopRequireDefault(require("react-native-webview-bootpay"));var _BootpayTypes=require("./BootpayTypes");var _lodash=require("lodash");var _UserInfo=_interopRequireDefault(require("./UserInfo"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/taesupyoon/bootpay-commerce/multi-sdk/client/react-native/react-native-bootpay-api/src/Bootpay.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function _callSuper(t,o,e){return o=(0,_getPrototypeOf2.default)(o),(0,_possibleConstructorReturn2.default)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2.default)(t).constructor):o.apply(t,e));}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}var SDK_VERSION='13.13.4';var DEBUG_MODE=false;var Bootpay=exports.Bootpay=function(_Component){function Bootpay(props){var _this;(0,_classCallCheck2.default)(this,Bootpay);_this=_callSuper(this,Bootpay,[props]);_this.getMountJavascript=(0,_asyncToGenerator2.default)(function*(){return`
+        ${_this.getSDKVersion()}
+        ${_this.getEnvironmentMode()}
+        ${_this.getBootpayPlatform()}
+        ${_this.close()}
+        ${yield _this.getAnalyticsData()}
+        `;});_this.state={visibility:false,script:'',firstLoad:false,showCloseButton:false,isShowProgress:false};_this.dismiss=function(){_this.setState({visibility:false});};_this.showProgressBar=function(isShow){_this.setState({isShowProgress:isShow});};_this.closeDismiss=function(){if(_this.props.onClose)_this.props.onClose();_this.dismiss();};_this.callJavaScript=function(script){var _this$webView$current;(_this$webView$current=_this.webView.current)==null||_this$webView$current.injectJavaScript(`setTimeout(function() { ${script} }, 30);`);};_this.transactionConfirm=function(){var script=`
+      Bootpay.confirm()
+        .then(res => {
+          ${_this.confirm()}
+          ${_this.issued()}
+          ${_this.done()}
+        }, res => {
+          ${_this.error()}
+          ${_this.cancel()}
+        });
+    `;_this.callJavaScript(script);};_this.confirm=function(){return"if (res.event === 'confirm') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";};_this.done=function(){return"else if (res.event === 'done') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";};_this.issued=function(){return"else if (res.event === 'issued') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";};_this.error=function(){return"if (res.event === 'error') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";};_this.cancel=function(){return"else if (res.event === 'cancel') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";};_this.close=function(){return"document.addEventListener('bootpayclose', function (e) {  window.BootpayRNWebView.postMessage('close'); });";};_this.onMessage=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(event){if(!event)return;try{var _this$payload;var res=JSON.parse(event.nativeEvent.data);if(res==='close'){_this.showProgressBar(false);_this.closeDismiss();return;}var data=typeof res==='string'?JSON.parse(res):res;var show_success=false;var show_error=false;if((_this$payload=_this.payload)!=null&&_this$payload.extra){var _this$payload$extra,_this$payload$extra2;show_error=!!((_this$payload$extra=_this.payload.extra)!=null&&_this$payload$extra.display_error_result);show_success=!!((_this$payload$extra2=_this.payload.extra)!=null&&_this$payload$extra2.display_success_result);}var handleEvent=function handleEvent(_eventName,callback,showResult){_this.showProgressBar(false);if(callback)callback(data);if(!showResult)_this.closeDismiss();};switch(data.event){case'cancel':handleEvent('cancel',_this.props.onCancel,false);break;case'error':handleEvent('error',_this.props.onError,show_error);break;case'issued':handleEvent('issued',_this.props.onIssued,show_success);break;case'confirm':_this.showProgressBar(true);if(_this.props.onConfirm&&_this.props.onConfirm(data)){_this.transactionConfirm();}break;case'done':handleEvent('done',_this.props.onDone,show_success);break;case'close':_this.showProgressBar(false);_this.closeDismiss();break;default:console.warn(`Unknown event type: ${data.event}`);break;}}catch(error){console.error('Error processing message:',error);}});return function(_x){return _ref2.apply(this,arguments);};}();_this.generateScript=function(payload,requestMethod){return`
+      Bootpay.${requestMethod}(${JSON.stringify(payload)})
+        .then(res => {
+          ${_this.confirm()}
+          ${_this.issued()}
+          ${_this.done()}
+        }, res => {
+          ${_this.error()}
+          ${_this.cancel()}
+        });
+    `;};_this.getSDKVersion=function(){var os=_reactNative.Platform.OS;return`Bootpay.setVersion('${SDK_VERSION}', '${os}_react_native')`;};_this.getEnvironmentMode=function(){return DEBUG_MODE?"Bootpay.setEnvironmentMode('development');":'';};_this.getBootpayPlatform=function(){return _reactNative.Platform.OS==='ios'?"Bootpay.setDevice('IOS');":"Bootpay.setDevice('ANDROID');";};_this.removePaymentWindow=function(){_this.dismiss();};_this.getAnalyticsData=(0,_asyncToGenerator2.default)(function*(){var uuid=yield _UserInfo.default.getBootpayUUID();var bootpaySK=yield _UserInfo.default.getBootpaySK();var bootLastTime=yield _UserInfo.default.getBootpayLastTime();var elaspedTime=Date.now()-bootLastTime;if(DEBUG_MODE)console.log('analytics:',uuid,bootpaySK,bootLastTime);return`window.Bootpay.$analytics.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',time:${elaspedTime}});`;});_this.requestPayment=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(payload,items,user,extra){_this.bootpayRequest(payload,items,user,extra,'requestPayment');});return function(_x2,_x3,_x4,_x5){return _ref4.apply(this,arguments);};}();_this.requestSubscription=function(){var _ref5=(0,_asyncToGenerator2.default)(function*(payload,items,user,extra){_this.bootpayRequest(payload,items,user,extra,'requestSubscription');});return function(_x6,_x7,_x8,_x9){return _ref5.apply(this,arguments);};}();_this.requestAuthentication=function(){var _ref6=(0,_asyncToGenerator2.default)(function*(payload,items,user,extra){_this.bootpayRequest(payload,items,user,extra,'requestAuthentication');});return function(_x0,_x1,_x10,_x11){return _ref6.apply(this,arguments);};}();_this.bootpayRequest=function(){var _ref7=(0,_asyncToGenerator2.default)(function*(payload,items,user,extra,requestMethod){if(_this.props.client_key){payload.client_key=_this.props.client_key;}else if(!payload.client_key){payload.application_id=_reactNative.Platform.OS==='ios'?_this.props.ios_application_id||payload.ios_application_id:_this.props.android_application_id||payload.android_application_id;}delete payload.android_application_id;delete payload.ios_application_id;payload.items=items;payload.user=user;payload.user=Object.assign(new _BootpayTypes.User(),user);payload.extra=Object.assign(new _BootpayTypes.Extra(),extra);_this.payload=payload;_this.setState({visibility:true,script:`
+            ${yield _this.getMountJavascript()} 
+            ${_this.generateScript(payload,requestMethod)}
+            `,firstLoad:false,showCloseButton:extra.show_close_button||false,spinner:false});_UserInfo.default.updateInfo();});return function(_x12,_x13,_x14,_x15,_x16){return _ref7.apply(this,arguments);};}();_this.webView=_react.default.createRef();return _this;}(0,_inherits2.default)(Bootpay,_Component);return(0,_createClass2.default)(Bootpay,[{key:"componentWillUnmount",value:function componentWillUnmount(){this.setState({visibility:false,firstLoad:false,showCloseButton:false});_UserInfo.default.setBootpayLastTime(Date.now());}},{key:"componentDidMount",value:function componentDidMount(){this.closeDismiss=(0,_lodash.debounce)(this.closeDismiss,30);}},{key:"render",value:function render(){var _this2=this;return(0,_jsxRuntime.jsx)(_reactNative.Modal,{animationType:"slide",transparent:false,visible:this.state.visibility,onRequestClose:this.closeDismiss,children:(0,_jsxRuntime.jsxs)(_reactNative.SafeAreaView,{style:{flex:1},children:[this.state.showCloseButton&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:this.closeDismiss,children:(0,_jsxRuntime.jsx)(_reactNative.Image,{style:styles.overlay,source:require('../images/close.png')})}),(0,_jsxRuntime.jsx)(_reactNativeWebviewBootpay.default,{ref:this.webView,originWhitelist:['*'],source:{uri:'https://webview.bootpay.co.kr/5.3.0'},injectedJavaScript:this.state.script,javaScriptEnabled:true,javaScriptCanOpenWindowsAutomatically:true,useSharedProcessPool:true,sharedCookiesEnabled:true,onMessage:this.onMessage,onError:function onError(syntheticEvent){var nativeEvent=syntheticEvent.nativeEvent;if(nativeEvent.code===3){_this2.showProgressBar(false);if(_this2.props.onError)_this2.props.onError({event:'error',code:nativeEvent.code,message:nativeEvent.description});_this2.closeDismiss();}}})]})});}}]);}(_react.Component);var styles=_reactNative.StyleSheet.create({overlay:{width:25,height:25,right:5,alignSelf:'flex-end'}});

package/lib/BootpayCommerce.js

@@ -0,0 +1,14 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BootpayCommerce=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeWebviewBootpay=_interopRequireDefault(require("react-native-webview-bootpay"));var _lodash=require("lodash");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/taesupyoon/bootpay-commerce/multi-sdk/client/react-native/react-native-bootpay-api/src/BootpayCommerce.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function _callSuper(t,o,e){return o=(0,_getPrototypeOf2.default)(o),(0,_possibleConstructorReturn2.default)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2.default)(t).constructor):o.apply(t,e));}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}var COMMERCE_URL='https://webview.bootpay.co.kr/commerce/1.0.5/index.html';var DEBUG_MODE=false;var BootpayCommerce=exports.BootpayCommerce=function(_Component){function BootpayCommerce(props){var _this;(0,_classCallCheck2.default)(this,BootpayCommerce);_this=_callSuper(this,BootpayCommerce,[props]);_this.isScriptInjected=false;_this.state={visibility:false,script:'',firstLoad:false,showCloseButton:true,isShowProgress:false};_this.dismiss=function(){_this.setState({visibility:false});};_this.showProgressBar=function(isShow){_this.setState({isShowProgress:isShow});};_this.closeDismiss=function(){_this.callJavaScript('BootpayCommerce.destroy();');if(_this.props.onClose)_this.props.onClose();_this.dismiss();};_this.callJavaScript=function(script){var _this$webView$current;(_this$webView$current=_this.webView.current)==null||_this$webView$current.injectJavaScript(`setTimeout(function() { ${script} }, 30);`);};_this.getEnvironmentMode=function(){return DEBUG_MODE?"BootpayCommerce.setEnvironmentMode('development');":'';};_this.generateCommerceScript=function(payload){var scripts=[];if(DEBUG_MODE){scripts.push('BootpayCommerce.setLogLevel(1);');}scripts.push("document.addEventListener('bootpayclose', function(e) { "+"window.BootpayRNWebView.postMessage('close'); "+'});');scripts.push('BootpayCommerce.requestCheckout(');scripts.push(payload.toJSONString());scripts.push(')');scripts.push('.then(function(res) {');scripts.push('  window.BootpayRNWebView.postMessage(JSON.stringify(res));');scripts.push('}).catch(function(err) {');scripts.push("  window.BootpayRNWebView.postMessage(JSON.stringify({event: 'error', data: err}));");scripts.push('});');return scripts.join('');};_this.getMountJavascript=function(){return`
+      ${_this.getEnvironmentMode()}
+    `;};_this.removePaymentWindow=function(){_this.dismiss();};_this.requestCheckout=function(payload){_this.payload=payload;_this.isScriptInjected=false;_this.setState({visibility:true,script:`
+        ${_this.getMountJavascript()}
+        ${_this.generateCommerceScript(payload)}
+      `,firstLoad:false,showCloseButton:true,spinner:false});};_this.onLoadEnd=function(event){var url=event.nativeEvent.url;if(DEBUG_MODE){console.log('[BootpayCommerce] onLoadEnd URL:',url);}if(!_this.payload){if(DEBUG_MODE){console.log('[BootpayCommerce] No payload, skipping script injection');}return;}if(url.includes('webview.bootpay.co.kr/commerce')&&!_this.isScriptInjected){_this.isScriptInjected=true;if(DEBUG_MODE){console.log('[BootpayCommerce] Injecting JavaScript...');}var fullScript=`
+        try {
+          ${_this.getMountJavascript()}
+          ${_this.generateCommerceScript(_this.payload)}
+        } catch(e) {
+          console.error('[BootpayCommerce] Script error:', e);
+          window.BootpayRNWebView.postMessage(JSON.stringify({event: 'error', message: e.message}));
+        }
+      `;_this.callJavaScript(fullScript);}};_this.onShouldStartLoadWithRequest=function(request){var url=request.url;if(DEBUG_MODE){console.log('[BootpayCommerce] onShouldStartLoadWithRequest:',url);}if(url.includes('api.bootpay.co.kr/v2/callback')){if(DEBUG_MODE){console.log('[BootpayCommerce] Callback URL detected, handling...');}_this.handleCallbackURL(url);return false;}if(url.startsWith('about:blank')){return true;}if(!url.startsWith('http://')&&!url.startsWith('https://')){if(DEBUG_MODE){console.log('[BootpayCommerce] Non-http scheme, should open external app:',url);}return false;}return true;};_this.parseQueryString=function(urlString){var result={};var queryIndex=urlString.indexOf('?');if(queryIndex===-1)return result;var queryString=urlString.substring(queryIndex+1);var pairs=queryString.split('&');for(var pair of pairs){var eqIndex=pair.indexOf('=');if(eqIndex>0){var key=pair.substring(0,eqIndex);var value=pair.substring(eqIndex+1);try{result[key]=decodeURIComponent(value);}catch(_unused){result[key]=value;}}}return result;};_this.handleCallbackURL=function(urlString){try{var params=_this.parseQueryString(urlString);var data={};for(var _ref of Object.entries(params)){var _ref2=(0,_slicedToArray2.default)(_ref,2);var key=_ref2[0];var value=_ref2[1];if(key==='metadata'){try{data[key]=JSON.parse(value);}catch(_unused2){data[key]=value;}}else{data[key]=value;}}if(DEBUG_MODE){console.log('[BootpayCommerce] Callback data:',data);}var event=data.event||'';_this.showProgressBar(false);switch(event){case'done':if(_this.props.onDone){_this.props.onDone(data);}break;case'issued':if(_this.props.onIssued){_this.props.onIssued(data);}break;case'cancel':if(_this.props.onCancel){_this.props.onCancel(data);}break;case'error':if(_this.props.onError){_this.props.onError(data);}break;default:if(data.receipt_id){if(_this.props.onDone){_this.props.onDone(data);}}else{if(_this.props.onCancel){_this.props.onCancel(data);}}break;}_this.closeDismiss();}catch(error){console.error('[BootpayCommerce] Error parsing callback URL:',error);if(_this.props.onError){_this.props.onError({event:'error',message:'Failed to parse callback URL'});}_this.closeDismiss();}};_this.onMessage=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(event){if(!event)return;try{var messageData=event.nativeEvent.data;if(messageData==='close'){_this.showProgressBar(false);_this.closeDismiss();return;}var data=typeof messageData==='string'?JSON.parse(messageData):messageData;var handleEvent=function handleEvent(_eventName,callback){_this.showProgressBar(false);if(callback)callback(data);_this.closeDismiss();};switch(data.event){case'cancel':handleEvent('cancel',_this.props.onCancel);break;case'error':handleEvent('error',_this.props.onError);break;case'done':handleEvent('done',_this.props.onDone);break;case'issued':handleEvent('issued',_this.props.onIssued);break;case'close':_this.showProgressBar(false);_this.closeDismiss();break;default:if(data.receipt_id){handleEvent('done',_this.props.onDone);}else{console.warn(`Unknown commerce event type: ${data.event}`);}break;}}catch(error){console.error('Error processing commerce message:',error);}});return function(_x){return _ref3.apply(this,arguments);};}();_this.webView=_react.default.createRef();return _this;}(0,_inherits2.default)(BootpayCommerce,_Component);return(0,_createClass2.default)(BootpayCommerce,[{key:"componentWillUnmount",value:function componentWillUnmount(){this.setState({visibility:false,firstLoad:false,showCloseButton:true});}},{key:"componentDidMount",value:function componentDidMount(){this.closeDismiss=(0,_lodash.debounce)(this.closeDismiss,30);}},{key:"render",value:function render(){var _this2=this;return(0,_jsxRuntime.jsx)(_reactNative.Modal,{animationType:"slide",transparent:false,visible:this.state.visibility,onRequestClose:this.closeDismiss,children:(0,_jsxRuntime.jsxs)(_reactNative.SafeAreaView,{style:{flex:1},children:[this.state.showCloseButton&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:this.closeDismiss,children:(0,_jsxRuntime.jsx)(_reactNative.Image,{style:styles.overlay,source:require('../images/close.png')})}),(0,_jsxRuntime.jsx)(_reactNativeWebviewBootpay.default,{ref:this.webView,originWhitelist:['*'],source:{uri:COMMERCE_URL},javaScriptEnabled:true,javaScriptCanOpenWindowsAutomatically:true,useSharedProcessPool:true,sharedCookiesEnabled:true,onMessage:this.onMessage,onLoadEnd:this.onLoadEnd,onShouldStartLoadWithRequest:this.onShouldStartLoadWithRequest,onError:function onError(syntheticEvent){var nativeEvent=syntheticEvent.nativeEvent;if(nativeEvent.code===3){_this2.showProgressBar(false);if(_this2.props.onError)_this2.props.onError({event:'error',code:nativeEvent.code,message:nativeEvent.description});_this2.closeDismiss();}}})]})});}}]);}(_react.Component);var styles=_reactNative.StyleSheet.create({overlay:{width:25,height:25,right:5,alignSelf:'flex-end'}});

package/lib/BootpayTypes.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.User=exports.StatItem=exports.Payload=exports.Onestore=exports.Item=exports.Extra=void 0;var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var User=exports.User=(0,_createClass2.default)(function User(){(0,_classCallCheck2.default)(this,User);});var Item=exports.Item=(0,_createClass2.default)(function Item(){(0,_classCallCheck2.default)(this,Item);});var StatItem=exports.StatItem=(0,_createClass2.default)(function StatItem(){(0,_classCallCheck2.default)(this,StatItem);});var Onestore=exports.Onestore=(0,_createClass2.default)(function Onestore(){(0,_classCallCheck2.default)(this,Onestore);this.ad_id='UNKNOWN_ADID';this.sim_operator='UNKNOWN_SIM_OPERATOR';this.installer_package_name='UNKNOWN_INSTALLER';});var Extra=exports.Extra=(0,_createClass2.default)(function Extra(){(0,_classCallCheck2.default)(this,Extra);this.delivery_day=1;this.locale='ko';this.display_cash_receipt=true;this.use_card_point=true;this.use_order_id=false;this.international_card_only=false;this.phone_carrier='';this.direct_app_card=false;this.direct_samsungpay=false;this.test_deposit=false;this.enable_error_webhook=false;this.separately_confirmed=true;this.confirmOnlyRestApi=false;this.open_type='redirect';this.use_bootpay_inapp_sdk=true;this.redirect_url='https://api.bootpay.co.kr/v2';this.display_success_result=false;this.display_error_result=true;this.disposable_cup_deposit=0;this.use_welcomepayment=0;this.first_subscription_comment='';this.confirm_grace_seconds=0;this.show_close_button=false;});var Payload=exports.Payload=(0,_createClass2.default)(function Payload(){(0,_classCallCheck2.default)(this,Payload);});

package/lib/BootpayWidget.js

@@ -0,0 +1,103 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.BootpayWidget=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeWebviewBootpay=_interopRequireDefault(require("react-native-webview-bootpay"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _BootpayTypes=require("./BootpayTypes");var _lodash=require("lodash");var _UserInfo=_interopRequireDefault(require("./UserInfo"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/taesupyoon/bootpay-commerce/multi-sdk/client/react-native/react-native-bootpay-api/src/BootpayWidget.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function _callSuper(t,o,e){return o=(0,_getPrototypeOf2.default)(o),(0,_possibleConstructorReturn2.default)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2.default)(t).constructor):o.apply(t,e));}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}var SDK_VERSION='13.13.4';var DEBUG_MODE=false;var WIDGET_URL='https://webview.bootpay.co.kr/5.3.0/widget.html';var BootpayWidget=exports.BootpayWidget=function(_Component){function BootpayWidget(props){var _this;(0,_classCallCheck2.default)(this,BootpayWidget);_this=_callSuper(this,BootpayWidget,[props]);_this.isValidSwipe=false;_this.swipeStartX=0;_this.getBridgeHelperJS=function(){return`
+      window.bridgePost = function(message) {
+        // iOS WebKit MessageHandler
+        if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.BootpayRNWebView) {
+          window.webkit.messageHandlers.BootpayRNWebView.postMessage(message);
+        }
+        // Android JavascriptInterface or WebMessageListener
+        else if (window.BootpayRNWebView && window.BootpayRNWebView.postMessage) {
+          window.BootpayRNWebView.postMessage(String(message));
+        }
+        // Fallback: ReactNativeWebView (기본 react-native-webview)
+        else if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
+          window.ReactNativeWebView.postMessage(String(message));
+        }
+      };
+      var bridgePost = window.bridgePost;
+    `;};_this.buildInitialScript=function(){return`
+      (function() {
+        console.log('[BootpayWidget JS] Initial script started');
+
+        // iOS/Android 브릿지 헬퍼 함수 정의 (전역으로 등록)
+        ${_this.getBridgeHelperJS()}
+
+        // waitForBootpayWidget 함수 정의 (전역으로 등록)
+        ${_this.getWaitForBootpayWidgetJS()}
+
+        // BootpayWidget이 준비되면 widgetReady 이벤트만 전송
+        // 이벤트 리스너는 renderWidget에서 등록됨 (Flutter 패턴)
+        waitForBootpayWidget(function() {
+          console.log('[BootpayWidget JS] BootpayWidget SDK loaded');
+          try {
+            window.bridgePost(JSON.stringify({event:'widgetReady'}));
+            console.log('[BootpayWidget JS] Sent widgetReady message');
+          } catch(e) {
+            console.error('[BootpayWidget JS] postMessage error:', e);
+          }
+        });
+      })();
+      true;
+    `;};_this.setupBackHandler=function(){if(_reactNative.Platform.OS==='android'){_this.backHandler=_reactNative.BackHandler.addEventListener('hardwareBackPress',function(){if(_this.state.isFullScreen){_this.revertToWidget();return true;}return false;});}};_this.removeBackHandler=function(){if(_this.backHandler){_this.backHandler.remove();_this.backHandler=undefined;}};_this.goFullScreen=function(){console.log('[Fullscreen] >>> goFullScreen called');_this.setupBackHandler();_this.setState({isFullScreen:true,paymentResult:'NONE'});};_this.revertToWidget=function(){var shouldReload=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;console.log('[Fullscreen] <<< revertToWidget called, paymentResult:',_this.state.paymentResult,'shouldReload:',shouldReload);var paymentResult=_this.state.paymentResult;_this._widgetRendered=false;_this._isProcessingPayment=false;_this.removeBackHandler();if(shouldReload){console.log('[Fullscreen] reloading widget URL before collapse animation');_this.reloadWidget();}setTimeout(function(){_this.setState({isFullScreen:false,isReady:false});if(paymentResult==='NONE'){if(_this.props.onCancel){_this.props.onCancel({action:'BootpayCancel',status:-100,message:'사용자에 의한 취소'});}}_this.setState({paymentResult:'NONE'});},100);};_this.closeDismiss=function(){console.log('[Fullscreen] closeDismiss called');if(_this.state.isFullScreen){_this.revertToWidget();}if(_this.props.onClose){_this.props.onClose();}};_this.callJavaScript=function(script){var _this$webView$current;if(DEBUG_MODE){console.log('[BootpayWidget] callJavaScript:',script.substring(0,200));}(_this$webView$current=_this.webView.current)==null||_this$webView$current.injectJavaScript(`setTimeout(function() { ${script} }, 30); true;`);};_this.reloadWidget=function(){console.log('[BootpayWidget] reloadWidget called');_this._widgetRendered=false;_this.setState({isReady:false});_this.callJavaScript(`window.location.href = '${WIDGET_URL}';`);};_this.updateWidget=function(payload){var refresh=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;_this.payload=payload;_this.callJavaScript(`BootpayWidget.update(${JSON.stringify(payload)}, ${refresh});`);};_this._widgetRendered=false;_this.renderWidget=function(payload){if(_this._widgetRendered){if(DEBUG_MODE){console.log('[BootpayWidget] renderWidget ignored - already rendered');}return;}if(DEBUG_MODE){console.log('[BootpayWidget] ===== renderWidget called =====');console.log('[BootpayWidget] isReady:',_this.state.isReady);console.log('[BootpayWidget] payload:',JSON.stringify(payload).substring(0,200));}_this.payload=payload;if(_this.props.client_key){payload.client_key=_this.props.client_key;}else if(!payload.client_key){payload.application_id=_reactNative.Platform.OS==='ios'?_this.props.ios_application_id||payload.ios_application_id:_this.props.android_application_id||payload.android_application_id;}delete payload.android_application_id;delete payload.ios_application_id;_UserInfo.default.updateInfo();if(_this.state.isReady){if(DEBUG_MODE){console.log('[BootpayWidget] isReady=true, injecting render script');console.log('[BootpayWidget] payload.application_id:',payload.application_id);console.log('[BootpayWidget] Full payload:',JSON.stringify(payload));}_this._widgetRendered=true;_this.runDeviceSetup();var renderScript=_this.getRenderWidgetScript();if(DEBUG_MODE){console.log('[BootpayWidget] Render script:',renderScript);}_this.callJavaScript(renderScript);}else{if(DEBUG_MODE){console.log('[BootpayWidget] isReady=false, will render on next onLoadEnd');console.log('[BootpayWidget] payload.application_id:',payload.application_id);console.log('[BootpayWidget] Full payload:',JSON.stringify(payload));}}};_this.runDeviceSetup=function(){if(DEBUG_MODE){console.log('[BootpayWidget] runDeviceSetup - calling setDevice/setVersion');}_this.callJavaScript(_this.getBootpayPlatform());_this.callJavaScript(_this.getSDKVersion());};_this.getRenderWidgetScript=function(){var widgetPayload=_this.getWidgetPayloadForRender();var payloadJson=JSON.stringify(widgetPayload);return`
+      // Flutter waitForBootpayWidget과 동일
+      ${_this.getWaitForBootpayWidgetJS()}
+
+      // Flutter bridgeHelper와 동일
+      ${_this.getBridgeHelperJS()}
+
+      console.log('[WebView JS] renderWidget script started');
+      waitForBootpayWidget(function() {
+        console.log('[WebView JS] waitForBootpayWidget callback');
+
+        // 이벤트 리스너 중복 등록 방지
+        // 주의: readyWatch는 여기서 등록하지 않음 (무한 루프 방지)
+        // widgetReady는 buildInitialScript에서 한 번만 전송됨
+        if (!window._bootpayListenersRegistered) {
+          window._bootpayListenersRegistered = true;
+          console.log('[WebView JS] Registering event listeners');
+          ${_this.resizeWatch()}
+          ${_this.changeMethodWatch()}
+          ${_this.changeTermsWatch()}
+          ${_this.closeEventHandler()}
+          console.log('[WebView JS] Event listeners registered');
+        } else {
+          console.log('[WebView JS] Event listeners already registered, skipping');
+        }
+
+        console.log('[WebView JS] Calling BootpayWidget.render');
+
+        // BootpayWidget.render 호출
+        BootpayWidget.render('#bootpay-widget', ${payloadJson});
+        console.log('[WebView JS] BootpayWidget.render called');
+      });
+    `;};_this.requestPayment=function(){var _ref=(0,_asyncToGenerator2.default)(function*(payload,items,user,extra){console.log('[Fullscreen] requestPayment called');if(payload){if(_this.props.client_key){payload.client_key=_this.props.client_key;}else if(!payload.client_key){payload.application_id=_reactNative.Platform.OS==='ios'?_this.props.ios_application_id||payload.ios_application_id:_this.props.android_application_id||payload.android_application_id;}delete payload.android_application_id;delete payload.ios_application_id;if(items)payload.items=items;if(user)payload.user=Object.assign(new _BootpayTypes.User(),user);if(extra)payload.extra=Object.assign(new _BootpayTypes.Extra(),extra);}var payloadToUse=payload||_this.payload;_this._isProcessingPayment=true;_this.goFullScreen();setTimeout(function(){_this.executeRequestPayment(payloadToUse);},400);});return function(_x,_x2,_x3,_x4){return _ref.apply(this,arguments);};}();_this.executeRequestPayment=function(payload){if(!payload){console.log('[Fullscreen] executeRequestPayment - payload is null');return;}console.log('[Fullscreen] executeRequestPayment called');_this.callJavaScript(_this.getBootpayPlatform());_this.callJavaScript(_this.getSDKVersion());var requestScript=`
+      ${_this.getBridgeHelperJS()}
+      BootpayWidget.requestPayment(${JSON.stringify(_this.getRequestPaymentPayload(payload))})
+        .then(function(res) {
+          console.log('[BootpayWidget] requestPayment response:', res);
+          ${_this.confirmEventHandler()}
+          ${_this.issuedEventHandler()}
+          ${_this.doneEventHandler()}
+        }, function(res) {
+          console.log('[BootpayWidget] requestPayment error:', res);
+          ${_this.errorEventHandler()}
+          ${_this.cancelEventHandler()}
+        });
+    `;_this.callJavaScript(requestScript);};_this.getRequestPaymentPayload=function(payload){var result={};if('client_key'in payload&&payload.client_key){result.client_key=payload.client_key;}else if('application_id'in payload&&payload.application_id){result.application_id=payload.application_id;}if('order_name'in payload&&payload.order_name)result.order_name=payload.order_name;if('order_id'in payload&&payload.order_id)result.order_id=payload.order_id;if('metadata'in payload&&payload.metadata)result.metadata=payload.metadata;var extra={};var payloadExtra='extra'in payload?payload.extra:undefined;if(payloadExtra){if('app_scheme'in payloadExtra&&payloadExtra.app_scheme)extra.app_scheme=payloadExtra.app_scheme;extra.show_close_button='show_close_button'in payloadExtra?payloadExtra.show_close_button:false;extra.display_success_result='display_success_result'in payloadExtra?payloadExtra.display_success_result:false;extra.display_error_result='display_error_result'in payloadExtra?payloadExtra.display_error_result:true;if('separately_confirmed'in payloadExtra&&payloadExtra.separately_confirmed){extra.separately_confirmed=true;}}extra.redirect_url=payloadExtra&&'redirect_url'in payloadExtra&&payloadExtra.redirect_url?payloadExtra.redirect_url:'https://api.bootpay.co.kr/v2/callback';extra.use_bootpay_inapp_sdk=payloadExtra&&'use_bootpay_inapp_sdk'in payloadExtra?payloadExtra.use_bootpay_inapp_sdk:true;result.extra=extra;if('user'in payload&&payload.user){var user={};if(payload.user.id)user.id=payload.user.id;if(payload.user.username)user.username=payload.user.username;if(payload.user.email)user.email=payload.user.email;if(payload.user.phone)user.phone=payload.user.phone;if(Object.keys(user).length>0)result.user=user;}if('items'in payload&&payload.items&&payload.items.length>0){result.items=payload.items;}return result;};_this._isProcessingPayment=false;_this._widgetData=null;_this.transactionConfirm=function(){var script=`
+      Bootpay.confirm()
+        .then(function(res) {
+          ${_this.confirmEventHandler()}
+          ${_this.issuedEventHandler()}
+          ${_this.doneEventHandler()}
+        }, function(res) {
+          ${_this.errorEventHandler()}
+          ${_this.cancelEventHandler()}
+        });
+    `;_this.callJavaScript(script);};_this.confirmEventHandler=function(){return"if (res.event === 'confirm') { window.bridgePost(JSON.stringify(res)); }";};_this.doneEventHandler=function(){return"else if (res.event === 'done') { window.bridgePost(JSON.stringify(res)); }";};_this.issuedEventHandler=function(){return"else if (res.event === 'issued') { window.bridgePost(JSON.stringify(res)); }";};_this.errorEventHandler=function(){return"if (res.event === 'error') { window.bridgePost(JSON.stringify(res)); }";};_this.cancelEventHandler=function(){return"else if (res.event === 'cancel') { window.bridgePost(JSON.stringify(res)); }";};_this.closeEventHandler=function(){return"document.addEventListener('bootpayclose', function(e) { window.bridgePost(JSON.stringify({event:'close'})); });";};_this.readyWatch=function(){return"document.addEventListener('bootpay-widget-ready', function(e) { window.bridgePost(JSON.stringify({event:'widgetReady', detail: e.detail})); });";};_this.resizeWatch=function(){return"document.addEventListener('bootpay-widget-resize', function(e) { window.bridgePost(JSON.stringify({event:'widgetResize', detail: e.detail})); });";};_this.changeMethodWatch=function(){return"document.addEventListener('bootpay-widget-change-payment', function(e) { window.bridgePost(JSON.stringify({event:'widgetChangePayment', detail: e.detail})); });";};_this.changeTermsWatch=function(){return"document.addEventListener('bootpay-widget-change-terms', function(e) { window.bridgePost(JSON.stringify({event:'widgetChangeTerms', detail: e.detail})); });";};_this.getSDKVersion=function(){return`Bootpay.setVersion('${SDK_VERSION}', 'react_native');`;};_this.getEnvironmentMode=function(){return DEBUG_MODE?"BootpayWidget.setEnvironmentMode('development');":'';};_this.getBootpayPlatform=function(){return _reactNative.Platform.OS==='ios'?"Bootpay.setDevice('IOS');":"Bootpay.setDevice('ANDROID');";};_this.getWaitForBootpayWidgetJS=function(){return`
+      function waitForBootpayWidget(callback) {
+        if (typeof BootpayWidget !== 'undefined') {
+          callback();
+        } else {
+          setTimeout(function() { waitForBootpayWidget(callback); }, 50);
+        }
+      }
+    `;};_this.getWidgetPayloadForRender=function(){if(!_this.payload)return{};var payload=_this.payload;var result={};if(payload.client_key){result.client_key=payload.client_key;}else if(payload.application_id){result.application_id=payload.application_id;}if(payload.pg)result.pg=payload.pg;if(payload.method)result.method=payload.method;if(payload.methods&&payload.methods.length>0){result.method=payload.methods;}if(payload.order_name)result.order_name=payload.order_name;if(payload.price!==undefined)result.price=payload.price;if(payload.tax_free!==undefined)result.tax_free=payload.tax_free;if(payload.order_id)result.order_id=payload.order_id;if(payload.subscription_id)result.subscription_id=payload.subscription_id;if(payload.metadata)result.metadata=payload.metadata;if(payload.extra)result.extra=payload.extra;if(payload.widget_use_terms!==undefined){result.use_terms=payload.widget_use_terms;}if(payload.widget_sandbox!==undefined){result.sandbox=payload.widget_sandbox;}if(payload.widget_key){result.key=payload.widget_key;result.widget=1;result.use_bootpay_inapp_sdk=true;}return result;};_this.getRenderWidgetJS=function(){if(!_this.payload)return'';var widgetPayload=_this.getWidgetPayloadForRender();return`BootpayWidget.render('#bootpay-widget', ${JSON.stringify(widgetPayload)});`;};_this.onLoadEnd=(0,_asyncToGenerator2.default)(function*(){if(DEBUG_MODE){console.log('[BootpayWidget] ===== onLoadEnd called =====');console.log('[BootpayWidget] payload:',_this.payload?'set':'null');console.log('[BootpayWidget] isReady:',_this.state.isReady);console.log('[BootpayWidget] webView ref:',_this.webView.current?'exists':'null');}});_this.onMessage=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(event){var _data$detail;if(DEBUG_MODE){var _event$nativeEvent;console.log('[BootpayWidget] ===== onMessage received =====');console.log('[BootpayWidget] raw data:',event==null||(_event$nativeEvent=event.nativeEvent)==null?void 0:_event$nativeEvent.data);}if(!event)return;try{var data=JSON.parse(event.nativeEvent.data);if(DEBUG_MODE){console.log('[BootpayWidget] parsed data:',JSON.stringify(data));}switch(data.event){case'widgetReady':_this.setState({isReady:true},function(){if(_this.props.onWidgetReady){_this.props.onWidgetReady();}});break;case'widgetResize':if((_data$detail=data.detail)!=null&&_data$detail.height){var height=parseFloat(data.detail.height);if(Math.abs(height-_this.state.widgetHeight)>1){if(DEBUG_MODE){console.log('[BootpayWidget] Height changed:',_this.state.widgetHeight,'->',height);}_this.setState({widgetHeight:height});if(!_this.state.isFullScreen){_reactNative.Animated.timing(_this.animatedHeight,{toValue:height,duration:100,useNativeDriver:false}).start();}if(_this.props.onWidgetResize){_this.props.onWidgetResize(height);}}}break;case'widgetChangePayment':{var widgetData=data.detail||null;_this._widgetData=widgetData;if(_this.props.onWidgetChangePayment){_this.props.onWidgetChangePayment(widgetData);}}break;case'widgetChangeTerms':{var _widgetData=data.detail||null;_this._widgetData=_widgetData;if(_this.props.onWidgetChangeTerms){_this.props.onWidgetChangeTerms(_widgetData);}}break;case'bootpayWidgetFullSizeScreen':_this.goFullScreen();break;case'bootpayWidgetRevertScreen':_this.revertToWidget();break;case'cancel':_this._isProcessingPayment=false;_this.setState({paymentResult:'CANCEL'});if(_this.props.onCancel){_this.props.onCancel(data);}_this.closeDismiss();break;case'error':_this._isProcessingPayment=false;_this.setState({paymentResult:'ERROR'});if(_this.props.onError){_this.props.onError(data);}_this.closeDismiss();break;case'issued':_this._isProcessingPayment=false;if(_this.props.onIssued){_this.props.onIssued(data);}_this.closeDismiss();break;case'confirm':if(_this.props.onConfirm&&_this.props.onConfirm(data)){_this.transactionConfirm();}break;case'done':_this._isProcessingPayment=false;_this.setState({paymentResult:'DONE'});if(_this.props.onDone){_this.props.onDone(data);}_this.closeDismiss();break;case'close':console.log('[Fullscreen] close event received, _isProcessingPayment:',_this._isProcessingPayment);if(_this._isProcessingPayment){break;}_this.closeDismiss();break;default:if(DEBUG_MODE){console.warn('Unknown event:',data.event);}break;}}catch(error){if(DEBUG_MODE){console.error('Error parsing message:',error);}}});return function(_x5){return _ref3.apply(this,arguments);};}();_this.renderWebView=function(){return(0,_jsxRuntime.jsx)(_reactNativeWebviewBootpay.default,{ref:_this.webView,originWhitelist:['*'],source:{uri:WIDGET_URL},javaScriptEnabled:true,javaScriptCanOpenWindowsAutomatically:true,useSharedProcessPool:true,sharedCookiesEnabled:true,injectedJavaScript:_this.initialScript,onLoadStart:function onLoadStart(){if(DEBUG_MODE){console.log('[BootpayWidget] WebView onLoadStart');}},onLoad:function onLoad(){if(DEBUG_MODE){console.log('[BootpayWidget] WebView onLoad');}},onLoadEnd:_this.onLoadEnd,onMessage:_this.onMessage,style:styles.webview,onError:function onError(syntheticEvent){var nativeEvent=syntheticEvent.nativeEvent;if(DEBUG_MODE){console.error('[BootpayWidget] WebView error:',nativeEvent);}if(_this.props.onError){_this.props.onError({event:'error',code:nativeEvent.code,message:nativeEvent.description});}}});};_this.webView=_react.default.createRef();var _Dimensions$get=_reactNative.Dimensions.get('window'),width=_Dimensions$get.width,_height=_Dimensions$get.height;var initialHeight=props.height||200;_this.animatedTop=new _reactNative.Animated.Value(0);_this.animatedLeft=new _reactNative.Animated.Value(0);_this.animatedWidth=new _reactNative.Animated.Value(width);_this.animatedHeight=new _reactNative.Animated.Value(initialHeight);_this.swipeAnimatedValue=new _reactNative.Animated.Value(0);_this.state={isFullScreen:false,widgetHeight:initialHeight,isReady:false,paymentResult:'NONE',screenWidth:width,screenHeight:_height,isSwiping:false};_this.initialScript=_this.buildInitialScript();_this.panGesture=_reactNativeGestureHandler.Gesture.Pan().activeOffsetX(10).failOffsetX(-10).failOffsetY([-20,20]).onBegin(function(event){_this.swipeStartX=event.x;_this.isValidSwipe=event.x<70;if(DEBUG_MODE){console.log('[Gesture] onBegin x:',event.x,'isValid:',_this.isValidSwipe);}}).onStart(function(){if(_this.isValidSwipe){_this.setState({isSwiping:true});}}).onUpdate(function(event){if(_this.isValidSwipe&&event.translationX>0){_this.swipeAnimatedValue.setValue(event.translationX);}}).onEnd(function(event){if(!_this.isValidSwipe){_this.setState({isSwiping:false});return;}var screenWidth=_this.state.screenWidth;var translationX=event.translationX||0;if(DEBUG_MODE){console.log('[Gesture] onEnd translationX:',translationX,'threshold:',screenWidth*0.4);}if(translationX>screenWidth*0.4){_this._widgetRendered=false;_this.callJavaScript(`window.location.href = '${WIDGET_URL}';`);_reactNative.Animated.timing(_this.swipeAnimatedValue,{toValue:screenWidth,duration:200,useNativeDriver:true}).start(function(){_this.swipeAnimatedValue.setValue(0);_this.setState({isSwiping:false,isFullScreen:false,isReady:false});_this._isProcessingPayment=false;_this.removeBackHandler();if(_this.props.onClose){_this.props.onClose();}});}else{_reactNative.Animated.spring(_this.swipeAnimatedValue,{toValue:0,useNativeDriver:true}).start(function(){_this.setState({isSwiping:false});});}_this.isValidSwipe=false;}).onFinalize(function(){if(_this.state.isSwiping){_reactNative.Animated.spring(_this.swipeAnimatedValue,{toValue:0,useNativeDriver:true}).start(function(){_this.setState({isSwiping:false});});}_this.isValidSwipe=false;});return _this;}(0,_inherits2.default)(BootpayWidget,_Component);return(0,_createClass2.default)(BootpayWidget,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;if(DEBUG_MODE){console.log('[BootpayWidget] ===== componentDidMount =====');console.log('[BootpayWidget] WIDGET_URL:',WIDGET_URL);}this.closeDismiss=(0,_lodash.debounce)(this.closeDismiss,30);var subscription=_reactNative.Dimensions.addEventListener('change',function(_ref4){var window=_ref4.window;_this2.setState({screenWidth:window.width,screenHeight:window.height});});this._dimensionsSubscription=subscription;}},{key:"componentWillUnmount",value:function componentWillUnmount(){var _this$_dimensionsSubs;this.removeBackHandler();(_this$_dimensionsSubs=this._dimensionsSubscription)==null||_this$_dimensionsSubs.remove();_UserInfo.default.setBootpayLastTime(Date.now());}},{key:"render",value:function render(){var _this$state=this.state,isFullScreen=_this$state.isFullScreen,screenWidth=_this$state.screenWidth,screenHeight=_this$state.screenHeight;var _this$props=this.props,style=_this$props.style,widgetTop=_this$props.widgetTop;return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:[styles.gestureRootBase,isFullScreen?styles.gestureRootFullScreen:{top:widgetTop||0,height:this.state.widgetHeight,zIndex:1}],children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[styles.container,style,{flex:1,width:screenWidth},isFullScreen&&{transform:[{translateX:this.swipeAnimatedValue}]}],children:[isFullScreen&&(0,_jsxRuntime.jsx)(_reactNative.SafeAreaView,{style:styles.fullScreenHeader}),this.renderWebView(),isFullScreen&&_reactNative.Platform.OS==='ios'&&(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:this.panGesture,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.swipeEdge})})]})});}}]);}(_react.Component);var styles=_reactNative.StyleSheet.create({gestureRootBase:{position:'absolute',left:0,right:0},gestureRootFullScreen:{top:0,bottom:0,zIndex:9999},container:{width:'100%',backgroundColor:'#fff',overflow:'hidden'},hidden:{height:0,opacity:0},fullScreenHeader:{backgroundColor:'#fff'},swipeEdge:{position:'absolute',left:0,top:0,bottom:0,width:70,backgroundColor:DEBUG_MODE?'rgba(255, 0, 0, 0.1)':'transparent'},webview:{flex:1,backgroundColor:DEBUG_MODE?'#f0f0f0':'transparent',borderWidth:DEBUG_MODE?1:0,borderColor:'blue'}});var _default=exports.default=BootpayWidget;

package/lib/CommerceTypes.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CommerceUser=exports.CommerceProduct=exports.CommercePayload=exports.CommerceExtra=void 0;var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var CommerceUser=exports.CommerceUser=(0,_createClass2.default)(function CommerceUser(){(0,_classCallCheck2.default)(this,CommerceUser);this.membershipType='guest';});var CommerceProduct=exports.CommerceProduct=(0,_createClass2.default)(function CommerceProduct(){(0,_classCallCheck2.default)(this,CommerceProduct);this.productId='';this.duration=-1;this.quantity=1;});var CommerceExtra=exports.CommerceExtra=(0,_createClass2.default)(function CommerceExtra(){(0,_classCallCheck2.default)(this,CommerceExtra);this.separatelyConfirmed=false;this.createOrderImmediately=true;});var CommercePayload=exports.CommercePayload=function(){function CommercePayload(){(0,_classCallCheck2.default)(this,CommercePayload);this.clientKey='';this.price=0;this.useAutoLogin=false;this.useNotification=false;}return(0,_createClass2.default)(CommercePayload,[{key:"toJSON",value:function toJSON(){var _this$useAutoLogin,_this$useNotification;var json={client_key:this.clientKey};if(this.price>0)json.price=this.price;if(this.name)json.name=this.name;if(this.memo)json.memo=this.memo;if(this.redirectUrl)json.redirect_url=this.redirectUrl;if(this.usageApiUrl)json.usage_api_url=this.usageApiUrl;json.use_auto_login=(_this$useAutoLogin=this.useAutoLogin)!=null?_this$useAutoLogin:false;if(this.requestId)json.request_id=this.requestId;json.use_notification=(_this$useNotification=this.useNotification)!=null?_this$useNotification:false;if(this.user){var _this$user$membership;var userJson={membership_type:(_this$user$membership=this.user.membershipType)!=null?_this$user$membership:'guest'};if(this.user.userId)userJson.user_id=this.user.userId;if(this.user.name)userJson.name=this.user.name;if(this.user.phone)userJson.phone=this.user.phone;if(this.user.email)userJson.email=this.user.email;json.user=userJson;}if(this.products&&this.products.length>0){json.products=this.products.map(function(p){return{product_id:p.productId,duration:p.duration,quantity:p.quantity};});}if(this.metadataAny&&Object.keys(this.metadataAny).length>0){json.metadata=this.metadataAny;}else if(this.metadata&&Object.keys(this.metadata).length>0){json.metadata=this.metadata;}if(this.extra){var _this$extra$separatel,_this$extra$createOrd;var extraJson={separately_confirmed:(_this$extra$separatel=this.extra.separatelyConfirmed)!=null?_this$extra$separatel:false,create_order_immediately:(_this$extra$createOrd=this.extra.createOrderImmediately)!=null?_this$extra$createOrd:true};json.extra=extraJson;}return json;}},{key:"toJSONString",value:function toJSONString(){return JSON.stringify(this.toJSON());}}]);}();

package/lib/UserInfo.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _reactNativeDeviceInfo=_interopRequireDefault(require("react-native-device-info"));var Keychain=_interopRequireWildcard(require("react-native-keychain"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var UserInfo=exports.default=function(){function UserInfo(){(0,_classCallCheck2.default)(this,UserInfo);}return(0,_createClass2.default)(UserInfo,null,[{key:"setBootpayInfo",value:function(){var _setBootpayInfo=(0,_asyncToGenerator2.default)(function*(key,val){try{yield Keychain.setGenericPassword(key,String(val),{service:key,accessible:Keychain.ACCESSIBLE.WHEN_UNLOCKED});return val;}catch(error){console.error(`Error setting Bootpay info for key ${key}:`,error);if(error instanceof Error&&error.message.includes('null is not an object')){console.warn('Keychain configuration or capability might be missing.');}throw error;}});function setBootpayInfo(_x,_x2){return _setBootpayInfo.apply(this,arguments);}return setBootpayInfo;}()},{key:"getBootpayInfo",value:function(){var _getBootpayInfo=(0,_asyncToGenerator2.default)(function*(key,defaultVal){try{var credentials=yield Keychain.getGenericPassword({service:key});if(credentials){return credentials.password;}else{return defaultVal;}}catch(error){console.error(`Error getting Bootpay info for key ${key}:`,error);return defaultVal;}});function getBootpayInfo(_x3,_x4){return _getBootpayInfo.apply(this,arguments);}return getBootpayInfo;}()},{key:"getBootpayUUID",value:function(){var _getBootpayUUID=(0,_asyncToGenerator2.default)(function*(){var uuid=_reactNativeDeviceInfo.default.getUniqueId();yield UserInfo.setBootpayInfo('uuid',uuid);return uuid;});function getBootpayUUID(){return _getBootpayUUID.apply(this,arguments);}return getBootpayUUID;}()},{key:"getBootpaySK",value:function(){var _getBootpaySK=(0,_asyncToGenerator2.default)(function*(){return yield UserInfo.getBootpayInfo('bootpay_sk','');});function getBootpaySK(){return _getBootpaySK.apply(this,arguments);}return getBootpaySK;}()},{key:"setBootpaySK",value:function(){var _setBootpaySK=(0,_asyncToGenerator2.default)(function*(val){return yield UserInfo.setBootpayInfo('bootpay_sk',val);});function setBootpaySK(_x5){return _setBootpaySK.apply(this,arguments);}return setBootpaySK;}()},{key:"newBootpaySK",value:function(){var _newBootpaySK=(0,_asyncToGenerator2.default)(function*(uuid,time){return yield UserInfo.setBootpaySK(`${uuid}_${time}`);});function newBootpaySK(_x6,_x7){return _newBootpaySK.apply(this,arguments);}return newBootpaySK;}()},{key:"getBootpayLastTime",value:function(){var _getBootpayLastTime=(0,_asyncToGenerator2.default)(function*(){var lastTime=yield UserInfo.getBootpayInfo('bootpay_last_time','0');return parseInt(lastTime,10);});function getBootpayLastTime(){return _getBootpayLastTime.apply(this,arguments);}return getBootpayLastTime;}()},{key:"setBootpayLastTime",value:function(){var _setBootpayLastTime=(0,_asyncToGenerator2.default)(function*(val){return yield UserInfo.setBootpayInfo('bootpay_last_time',String(val));});function setBootpayLastTime(_x8){return _setBootpayLastTime.apply(this,arguments);}return setBootpayLastTime;}()},{key:"getBootpayUserId",value:function(){var _getBootpayUserId=(0,_asyncToGenerator2.default)(function*(){return yield UserInfo.getBootpayInfo('bootpay_user_id','');});function getBootpayUserId(){return _getBootpayUserId.apply(this,arguments);}return getBootpayUserId;}()},{key:"setBootpayUserId",value:function(){var _setBootpayUserId=(0,_asyncToGenerator2.default)(function*(val){return yield UserInfo.setBootpayInfo('bootpay_user_id',val);});function setBootpayUserId(_x9){return _setBootpayUserId.apply(this,arguments);}return setBootpayUserId;}()},{key:"updateInfo",value:function(){var _updateInfo=(0,_asyncToGenerator2.default)(function*(){var uuid=yield UserInfo.getBootpayUUID();var bootpaySK=yield UserInfo.getBootpaySK();var lastTime=yield UserInfo.getBootpayLastTime();var current=Date.now();if(!bootpaySK)yield UserInfo.newBootpaySK(uuid,current);var isExpired=current-lastTime>30*60*1000;if(isExpired)yield UserInfo.newBootpaySK(uuid,current);yield UserInfo.setBootpayLastTime(current);});function updateInfo(){return _updateInfo.apply(this,arguments);}return updateInfo;}()}]);}();

package/lib/WidgetTypes.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.WidgetPayloadExtra=exports.WidgetPayload=void 0;var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var WidgetPayload=exports.WidgetPayload=(0,_createClass2.default)(function WidgetPayload(){(0,_classCallCheck2.default)(this,WidgetPayload);this.widget_sandbox=false;this.widget_use_terms=false;});var WidgetPayloadExtra=exports.WidgetPayloadExtra=(0,_createClass2.default)(function WidgetPayloadExtra(){(0,_classCallCheck2.default)(this,WidgetPayloadExtra);this.separately_confirmed=true;this.display_success_result=false;this.display_error_result=false;this.use_bootpay_inapp_sdk=true;this.redirect_url='https://api.bootpay.co.kr/v2/callback';});

package/lib/__tests__/index.test.js

@@ -0,0 +1 @@
+it.todo('write a test');

package/lib/bootpayAnalytics.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.userTrace=exports.pageTrace=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _reactNativeBase=_interopRequireDefault(require("react-native-base64"));var _reactNativeDeviceInfo=_interopRequireDefault(require("react-native-device-info"));var _reactNative=require("react-native");var getRandomKey=function getRandomKey(length){var text='';var keys='abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ';for(var i=0;i<length;i++)text+=keys.charAt(Math.floor(Math.random()*keys.length));return text;};var getSessionKey=function(){var _ref=(0,_asyncToGenerator2.default)(function*(key,iv){var keyValue=_reactNativeBase.default.encode(key);var ivValue=_reactNativeBase.default.encode(iv);return`${keyValue}##${ivValue}`;});return function getSessionKey(_x,_x2){return _ref.apply(this,arguments);};}();var stringToHex=function stringToHex(str){var hex='';for(var i=0,l=str.length;i<l;i++){hex+=str.charCodeAt(i).toString(16);}return hex;};var userTrace=exports.userTrace=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(applicationId,userId,phone,email,gender,birth,area){try{var payload={id:userId,ver:_reactNativeDeviceInfo.default.getVersion(),application_id:applicationId,phone:phone,email:email,gender:gender,birth:birth,area:area};var key=getRandomKey(32);var iv=getRandomKey(16);try{var data=yield _reactNative.NativeModules.Aes.encrypt(JSON.stringify(payload),stringToHex(key),stringToHex(iv));var response=yield fetch('https://analytics.bootpay.co.kr/login',{method:'POST',headers:{'Accept':'application/json','Content-Type':'application/json'},body:JSON.stringify({data:data,session_key:yield getSessionKey(key,iv)})});var json=yield response.json();return json;}catch(e){console.log(e);throw e;}}catch(error){console.error(error);throw error;}});return function userTrace(_x3,_x4,_x5,_x6,_x7,_x8,_x9){return _ref2.apply(this,arguments);};}();var pageTrace=exports.pageTrace=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(applicationId,url,pageType,items){try{var payload={application_id:applicationId,url:url,page_type:pageType,items:items,referer:''};var key=getRandomKey(32);var iv=getRandomKey(16);try{var data=yield _reactNative.NativeModules.Aes.encrypt(JSON.stringify(payload),stringToHex(key),stringToHex(iv));var response=yield fetch('https://analytics.bootpay.co.kr/call',{method:'POST',headers:{'Accept':'application/json','Content-Type':'application/json'},body:JSON.stringify({data:data,session_key:yield getSessionKey(key,iv)})});var json=yield response.json();return json;}catch(e){console.log(e);throw e;}}catch(error){console.error(error);throw error;}});return function pageTrace(_x0,_x1,_x10,_x11){return _ref3.apply(this,arguments);};}();

package/lib/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Bootpay",{enumerable:true,get:function get(){return _Bootpay.Bootpay;}});Object.defineProperty(exports,"BootpayCommerce",{enumerable:true,get:function get(){return _BootpayCommerce.BootpayCommerce;}});Object.defineProperty(exports,"BootpayCommerceProps",{enumerable:true,get:function get(){return _CommerceTypes.BootpayCommerceProps;}});Object.defineProperty(exports,"BootpayEventData",{enumerable:true,get:function get(){return _BootpayTypes.BootpayEventData;}});Object.defineProperty(exports,"BootpayTypesProps",{enumerable:true,get:function get(){return _BootpayTypes.BootpayTypesProps;}});Object.defineProperty(exports,"BootpayWidget",{enumerable:true,get:function get(){return _BootpayWidget.BootpayWidget;}});Object.defineProperty(exports,"BootpayWidgetProps",{enumerable:true,get:function get(){return _WidgetTypes.BootpayWidgetProps;}});Object.defineProperty(exports,"CommerceEventData",{enumerable:true,get:function get(){return _CommerceTypes.CommerceEventData;}});Object.defineProperty(exports,"CommerceExtra",{enumerable:true,get:function get(){return _CommerceTypes.CommerceExtra;}});Object.defineProperty(exports,"CommercePayload",{enumerable:true,get:function get(){return _CommerceTypes.CommercePayload;}});Object.defineProperty(exports,"CommerceProduct",{enumerable:true,get:function get(){return _CommerceTypes.CommerceProduct;}});Object.defineProperty(exports,"CommerceUser",{enumerable:true,get:function get(){return _CommerceTypes.CommerceUser;}});Object.defineProperty(exports,"Extra",{enumerable:true,get:function get(){return _BootpayTypes.Extra;}});Object.defineProperty(exports,"Item",{enumerable:true,get:function get(){return _BootpayTypes.Item;}});Object.defineProperty(exports,"Payload",{enumerable:true,get:function get(){return _BootpayTypes.Payload;}});Object.defineProperty(exports,"User",{enumerable:true,get:function get(){return _BootpayTypes.User;}});Object.defineProperty(exports,"WidgetChangePaymentCallback",{enumerable:true,get:function get(){return _WidgetTypes.WidgetChangePaymentCallback;}});Object.defineProperty(exports,"WidgetChangeTermsCallback",{enumerable:true,get:function get(){return _WidgetTypes.WidgetChangeTermsCallback;}});Object.defineProperty(exports,"WidgetData",{enumerable:true,get:function get(){return _WidgetTypes.WidgetData;}});Object.defineProperty(exports,"WidgetExtra",{enumerable:true,get:function get(){return _WidgetTypes.WidgetExtra;}});Object.defineProperty(exports,"WidgetPayload",{enumerable:true,get:function get(){return _WidgetTypes.WidgetPayload;}});Object.defineProperty(exports,"WidgetPayloadExtra",{enumerable:true,get:function get(){return _WidgetTypes.WidgetPayloadExtra;}});Object.defineProperty(exports,"WidgetReadyCallback",{enumerable:true,get:function get(){return _WidgetTypes.WidgetReadyCallback;}});Object.defineProperty(exports,"WidgetResizeCallback",{enumerable:true,get:function get(){return _WidgetTypes.WidgetResizeCallback;}});Object.defineProperty(exports,"WidgetTerm",{enumerable:true,get:function get(){return _WidgetTypes.WidgetTerm;}});exports.warmUp=exports.releaseWarmUp=void 0;var _reactNative=require("react-native");var _Bootpay=require("./Bootpay");var _BootpayWidget=require("./BootpayWidget");var _BootpayCommerce=require("./BootpayCommerce");var _BootpayTypes=require("./BootpayTypes");var _WidgetTypes=require("./WidgetTypes");var _CommerceTypes=require("./CommerceTypes");var BPCWebViewModule=_reactNative.NativeModules.BPCWebViewModule;var _autoWarmUpCalled=false;var _autoWarmUp=function _autoWarmUp(){if(_autoWarmUpCalled)return;_autoWarmUpCalled=true;if(_reactNative.Platform.OS!=='ios'&&_reactNative.Platform.OS!=='android')return;try{if(BPCWebViewModule!=null&&BPCWebViewModule.warmUp){BPCWebViewModule.warmUp();if(__DEV__){console.log('[Bootpay] WebView auto warm-up initiated');}}}catch(e){}};var warmUp=exports.warmUp=function warmUp(){if(BPCWebViewModule!=null&&BPCWebViewModule.warmUp){BPCWebViewModule.warmUp();}};var releaseWarmUp=exports.releaseWarmUp=function releaseWarmUp(){if(BPCWebViewModule!=null&&BPCWebViewModule.releaseWarmUp){BPCWebViewModule.releaseWarmUp();}};_autoWarmUp();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bootpay-api",
-  "version": "13.14.0",
+  "version": "13.14.1",
   "description": "React Native를 위한 bootpay 라이브러리 입니다.",
   "main": "index.tsx",
   "main-internal": "src/index.tsx",
@@ -42,7 +42,7 @@
     "react-native-device-info": "^15.0.1",
     "react-native-gesture-handler": "^2.20.0",
     "react-native-keychain": "^10.0.0",
-    "react-native-webview-bootpay": "13.13.50"
+    "react-native-webview-bootpay": "13.14.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.0",

package/src/Bootpay.tsx

@@ -272,9 +272,13 @@ export class Bootpay extends Component<BootpayTypesProps> {
     } else if (!payload.client_key) {
       payload.application_id =
         Platform.OS === 'ios'
-          ? this.props.ios_application_id
-          : this.props.android_application_id;
+          ? (this.props.ios_application_id || payload.ios_application_id)
+          : (this.props.android_application_id || payload.android_application_id);
     }
+    // WebView JS SDK에 불필요한 플랫폼별 필드 전달 방지
+    delete payload.android_application_id;
+    delete payload.ios_application_id;
+
     payload.items = items;
     payload.user = user;
 

package/src/BootpayWidget.tsx

@@ -402,9 +402,12 @@ export class BootpayWidget extends Component<
     } else if (!payload.client_key) {
       payload.application_id =
         Platform.OS === 'ios'
-          ? this.props.ios_application_id
-          : this.props.android_application_id;
+          ? (this.props.ios_application_id || payload.ios_application_id)
+          : (this.props.android_application_id || payload.android_application_id);
     }
+    // WebView JS SDK에 불필요한 플랫폼별 필드 전달 방지
+    delete payload.android_application_id;
+    delete payload.ios_application_id;
 
     UserInfo.updateInfo();
 
@@ -519,9 +522,12 @@ export class BootpayWidget extends Component<
       } else if (!payload.client_key) {
         payload.application_id =
           Platform.OS === 'ios'
-            ? this.props.ios_application_id
-            : this.props.android_application_id;
+            ? (this.props.ios_application_id || payload.ios_application_id)
+            : (this.props.android_application_id || payload.android_application_id);
       }
+      // WebView JS SDK에 불필요한 플랫폼별 필드 전달 방지
+      delete payload.android_application_id;
+      delete payload.ios_application_id;
       if (items) payload.items = items;
       if (user) payload.user = Object.assign(new User(), user);
       if (extra) payload.extra = Object.assign(new Extra(), extra);