@bootpay/client-js 5.0.0-beta.8 → 5.0.0-beta.9

package/dist/test/payment/js/development.js

@@ -0,0 +1,971 @@
+const pgs = {
+    KRW: [
+        '이니시스', '다날', '케이씨피', '나이스페이', '토스', '페이레터', '페이앱', '이지페이', '페이코', '카카오', '세틀뱅크', '티페이',
+        '웰컴페이먼츠', '스마트로'
+    ],
+    USD: [
+        '페이팔', '스트라이프'
+    ]
+}
+
+const LEGACY_MAPPER_PG = {
+    '이니시스':   'inicis',
+    '다날':     'danal',
+    '케이씨피':   'kcp',
+    '나이스페이':  'nicepay',
+    '토스':     'toss',
+    '페이레터':   'payletter',
+    '페이앱':    'payapp',
+    '이지페이':   'easypay',
+    '페이코':    'payco',
+    '카카오':    'kakao',
+    '세틀뱅크':   'settlebank',
+    '티페이':    'tpay',
+    '웰컴페이먼츠': 'welcome',
+    '스마트로':   'smartro'
+}
+
+const LEGACY_MAPPER_METHOD = {
+    '카드':      'card',
+    '휴대폰':     'phone',
+    '계좌이체':    'bank',
+    '가상계좌':    'vbank',
+    '카카오페이':   'kakaopay',
+    '네이버페이':   'npay',
+    '페이코':     'payco',
+    '간편':      'easy',
+    '카드자동':    'card_rebill',
+    '간편자동':    'easy_rebill',
+    '본인인증':    'auth',
+    '카드수기':    'card_auth',
+    '디지털카드':   'digital_card',
+    '디지털카드자동': 'digital_card_rebill'
+}
+
+let Bootpay = window.Bootpay
+
+document.addEventListener('DOMContentLoaded', function () {
+    setSaveData()
+    // getUserToken()
+    getPaymentUrl()
+    Bootpay.setVersion('1.0.0-test.1', 'TEST SDK')
+    Bootpay.setLogLevel(1)
+    // Bootpay.setLocale('en')
+    // Bootpay.setEnvironmentMode(document.getElementsByName('env')[0].value, 'dev-api.bootpay.co.kr/v3')
+    Bootpay.setEnvironmentMode(document.getElementsByName('env')[0].value)
+    Bootpay.setApplicationId(document.getElementsByName('applicationId')[0].value)
+    Bootpay.login({
+        id: 'gosomi'
+    }).then(
+        function () {
+            Bootpay.send()
+        }
+    )
+    // document.getElementsByName('pg')[0].value = '나이스페이'
+    // document.getElementsByName('method')[0].value = '네이버페이'
+})
+
+document.addEventListener('bootpayclose', function (e) {
+    console.log(e)
+    console.log("결제창 닫힘")
+})
+
+function getCacheMode() {
+    try {
+        const mode = window.localStorage.getItem('__mode')
+        return mode === undefined || mode === null ? 'development' : mode
+    } catch (e) {
+        return 'development'
+    }
+}
+
+function saveData() {
+    let data = getCache()
+    const unit = document.getElementsByName('unit')[0].value
+    if (data.unit !== unit) {
+        document.getElementsByName('applicationId')[0].value = data.application_id[unit]
+    }
+    data.unit = unit
+    data.pg_krw = document.getElementsByName('pg_krw')[0].value
+    data.pg_usd = document.getElementsByName('pg_usd')[0].value
+    data.method = document.getElementsByName('method')[0].value
+    data.price = document.getElementsByName('amount')[0].value
+    data.tax_free = document.getElementsByName('taxFreeAmount')[0].value
+    data.env = document.getElementsByName('env')[0].value
+    data.application_id[data.unit] = document.getElementsByName('applicationId')[0].value
+    data.open_type = document.getElementsByName('open_type')[0].value
+    data.escrow = document.getElementsByName('escrow')[0].value
+    data.test_deposit = document.getElementsByName('test_deposit')[0].value
+    data.phone = document.getElementsByName('phone')[0].value
+    data.separately_confirmed = document.getElementsByName('separately_confirmed')[0].value
+    data.version = document.getElementsByName('version')[0].value
+    data.easy_payment_method = document.getElementsByName('easy_payment_method')[0].value
+
+    window.localStorage.setItem('__mode', document.getElementsByName('env')[0].value)
+    window.localStorage.setItem('__cache_' + document.getElementsByName('env')[0].value, JSON.stringify(data))
+    changePG(data['pg_' + data.unit])
+}
+
+function changePG(selectPg) {
+    document.getElementsByName('pg_krw')[0].style.setProperty('display', 'none')
+    document.getElementsByName('pg_usd')[0].style.setProperty('display', 'none')
+    document.getElementsByName('pg_' + document.getElementsByName('unit')[0].value)[0].style.setProperty('display', 'block')
+    if (selectPg !== undefined) {
+        document.getElementsByName('pg_' + document.getElementsByName('unit')[0].value)[0].value = selectPg
+    }
+}
+
+function changeMode() {
+    window.localStorage.setItem('__mode', document.getElementsByName('env')[0].value)
+    setSaveData()
+}
+
+function getCache() {
+    try {
+        const data = JSON.parse(window.localStorage.getItem('__cache_' + document.getElementsByName('env')[0].value))
+        return data === undefined || data === null ? {
+            pg_krw:               '나이스페이',
+            method:               '카드',
+            price:                1000,
+            tax_free:             0,
+            application_id:       {
+                krw: getDefaultApplicationId(document.getElementsByName('env')[0].value),
+                usd: getDefaultApplicationId(document.getElementsByName('env')[0].value),
+            },
+            open_type:            'iframe',
+            unit:                 'krw',
+            escrow:               '0',
+            separately_confirmed: '0',
+            phone:                '01000000000',
+            test_deposit:         '0',
+            version:              'v2'
+        } : data
+    } catch (e) {
+        return {
+            pg_krw:               '나이스페이',
+            method:               '카드',
+            price:                1000,
+            tax_free:             0,
+            application_id:       {
+                krw: getDefaultApplicationId(document.getElementsByName('env')[0].value),
+                usd: getDefaultApplicationId(document.getElementsByName('env')[0].value),
+            },
+            open_type:            'iframe',
+            unit:                 'krw',
+            escrow:               '0',
+            phone:                '01000000000',
+            separately_confirmed: '0',
+            test_deposit:         '0',
+            version:              'v2'
+        }
+    }
+}
+
+function getDefaultApplicationId(env) {
+    switch (env) {
+        case 'stage':
+        case 'production':
+            return '59a7a368396fa64fc5d4a7db'
+        default:
+            return '59a568d3e13f3336c21bf707'
+    }
+}
+
+function setSaveData() {
+    document.getElementsByName('env')[0].value = getCacheMode()
+    const cache = getCache()
+    document.getElementsByName('unit')[0].value = cache.unit
+    document.getElementsByName('pg_krw')[0].value = cache.pg_krw
+    document.getElementsByName('pg_usd')[0].value = cache.pg_usd
+    document.getElementsByName('method')[0].value = cache.method
+    document.getElementsByName('amount')[0].value = cache.price
+    document.getElementsByName('taxFreeAmount')[0].value = cache.tax_free
+    document.getElementsByName('applicationId')[0].value = cache.application_id[cache.unit]
+    document.getElementsByName('open_type')[0].value = cache.open_type
+    document.getElementsByName('escrow')[0].value = cache.escrow
+    document.getElementsByName('test_deposit')[0].value = cache.test_deposit
+    document.getElementsByName('phone')[0].value = cache.phone
+    document.getElementsByName('separately_confirmed')[0].value = cache.separately_confirmed
+    document.getElementsByName('version')[0].value = cache.version
+    document.getElementsByName('easy_payment_method')[0].value = cache.easy_payment_method
+    changePG()
+}
+
+function requestMethod() {
+    if (document.getElementsByName('version')[0].value === 'v2') {
+        try {
+            saveData()
+            Bootpay.setEnvironmentMode(document.getElementsByName('env')[0].value)
+            Bootpay.setLogLevel(1)
+        } catch (e) {
+
+        }
+        if (['카드자동', '정기결제', '간편자동', '디지털카드자동', '카드간편자동'].indexOf(document.getElementsByName('method')[0].value) > -1) {
+            requestSubscribe()
+        } else if (['auth', '본인인증'].indexOf(document.getElementsByName('method')[0].value) > -1) {
+            requestAuthentication()
+        } else {
+            requestPaymentV2()
+        }
+    } else {
+        try {
+            saveData()
+            window.BootPay.setMode(document.getElementsByName('env')[0].value)
+        } catch (e) {
+        }
+        requestPaymentV1()
+    }
+}
+
+function getUserToken() {
+    if (document.getElementsByName('env')[0].value === 'development') {
+        $.ajax({
+            type:     'POST',
+            url:      'https://admin-dev.bootpay.co.kr/test/user_token',
+            dataType: 'json',
+            success:  function (data) {
+                document.getElementsByName('userToken')[0].value = data.user_token
+            },
+            error:    function (data) {
+
+            }
+        })
+    }
+}
+
+function getPaymentUrl() {
+    if (document.getElementsByName('env')[0].value === 'development') {
+        $.ajax({
+            type:     'POST',
+            url:      'https://admin-dev.bootpay.co.kr/test/request/payment',
+            dataType: 'json',
+            success:  function (data) {
+                document.getElementsByName('url')[0].value = data.url
+            },
+            error:    function (data) {
+
+            }
+        })
+    }
+}
+
+function requestPaymentV1() {
+    let price = 0
+    if (['카드자동', '정기결제', '간편자동', '디지털카드자동'].indexOf(document.getElementsByName('method')[0].value) > -1) {
+    } else if (['auth', '본인인증'].indexOf(document.getElementsByName('method')[0].value) > -1) {
+    } else {
+        price = document.getElementsByName('amount')[0].value
+    }
+    const unit = document.getElementsByName('unit')[0].value
+    const pg = LEGACY_MAPPER_PG[document.getElementsByName('pg_' + unit)[0].value]
+    const method = LEGACY_MAPPER_METHOD[document.getElementsByName('method')[0].value]
+    window.BootPay.request({
+        application_id:    document.getElementsByName('applicationId')[0].value,
+        pg:                pg,
+        method:            method,
+        price:             price,
+        tax_free:          document.getElementsByName('taxFreeAmount')[0].value,
+        name:              '(부트페이 봇) 결제상태 체크 봇',
+        order_id:          (new Date()).getTime(),
+        show_agree_window: false,
+        user_info:         {
+            username: '부트페이',
+            phone:    document.getElementsByName('phone')[0].value,
+            email:    'test@bootpay.co.kr'
+        },
+        items:             [
+            {
+                unique:    'test',
+                item_name: '테스트 아이템',
+                price:     price,
+                qty:       1
+            }
+        ],
+        extra:             {
+            popup:                  document.getElementsByName('open_type')[0].value === 'popup' ? 1 : 0,
+            subscribe_test_payment: true,
+            vbank_result:           true
+        }
+    }).error(function (data) {
+        var msg = "결제 에러입니다.: " + JSON.stringify(data)
+        alert(msg)
+    }).cancel(function (data) {
+        var msg = "결제 취소입니다.: " + JSON.stringify(data)
+        alert(msg)
+    }).confirm(function (data) {
+        if (confirm('승인할까요?')) {
+            window.BootPay.transactionConfirm(data)
+        } else {
+            alert('결제승인이 거절되었습니다')
+        }
+    }).done(function (data) {
+        console.log(data)
+        alert('결제가 완료되었습니다')
+    })
+}
+
+function requestPaymentToUrl(url) {
+    Bootpay.requestPaymentUrl({
+        application_id: document.getElementsByName('applicationId')[0].value,
+        url:            document.getElementsByName('url')[0].value
+    }).then(
+        function (response) {
+            console.log(response)
+            if (response.event === 'confirm') {
+                if (window.confirm('승인할까요?')) {
+                    Bootpay.confirm().then(
+                        function (response) {
+                            console.log(response)
+                            if (response.event === 'issued') {
+                                alert('가상계좌가 발급되었습니다.')
+                                // console.log('가상계좌 발급 끝')
+                            } else {
+                                alert('승인 분리 결제가 완료되었습니다.')
+                            }
+                        }, function (error) {
+                            switch (error.event) {
+                                case 'error':
+                                    console.log(error)
+                                    alert("에러:  " + error.message)
+                                    break
+                                case 'cancel':
+                                    console.log(error)
+                                    alert("닫힘:  " + error.message)
+                                    break
+                                default:
+                                    throw error
+                                // alert(error.message)
+                            }
+                        }
+                    )
+                } else {
+
+                }
+            } else {
+                if (response.event === 'issued') {
+                    alert('가상계좌가 발급되었습니다.')
+                    // console.log('가상계좌 발급 끝')
+                } else {
+                    alert('결제가 완료되었습니다.')
+                }
+            }
+        }, function (error) {
+            switch (error.event) {
+                case 'error':
+                    console.log(error)
+                    alert("에러:  " + error.message)
+                    break
+                case 'cancel':
+                    console.log(error)
+                    alert("닫힘:  " + error.message)
+                    break
+                default:
+                    throw error
+                // alert(error.message)
+            }
+        }
+    )
+}
+
+function requestPaymentV2() {
+    const unit = document.getElementsByName('unit')[0].value
+    console.log(document.getElementsByName('separately_confirmed')[0].value === '1')
+    Bootpay.setLocale('ko')
+    Bootpay.requestPayment({
+        application_id: document.getElementsByName('applicationId')[0].value,
+        pg:             document.getElementsByName('pg_' + unit)[0].value,
+        method:         document.getElementsByName('method')[0].value,
+        price:          document.getElementsByName('amount')[0].value,
+        tax_free:       document.getElementsByName('taxFreeAmount')[0].value,
+        order_name:     '(테스트)결제상태 체크 봇',
+        user_token:     document.getElementsByName('userToken')[0].value,
+        order_id:       String((new Date()).getTime()),
+        currency:       unit.toUpperCase(),
+        metadata:       {
+            test: 1
+        },
+        user:           {
+            id:       'bootpay',
+            username: '부트페이',
+            phone:    document.getElementsByName('phone')[0].value,
+            email:    'test@bootpay.co.kr'
+        },
+        items:          [
+            {
+                id:    'test',
+                name:  '아이템1',
+                qty:   2,
+                price: parseFloat(document.getElementsByName('amount')[0].value) / 2
+            }
+        ],
+        extra:          {
+            // use_compound_tax: true,
+            open_type: document.getElementsByName('open_type')[0].value,
+            // identity_no: '3292000492',
+            easy_payment_method: document.getElementsByName('easy_payment_method')[0].value,
+            // show_close_button: true,
+            // enable_easy_payments: ['페이코', '카카오페이'],
+            // except_card_companies: ['국민', '신한'],
+            // enable_card_companies: ['하나'],
+            // browser_open_type: [
+            //     {
+            //         browser: 'instagram',
+            //         open_type: 'redirect'
+            //     },
+            //     {
+            //         browser: 'mobile_chrome',
+            //         open_type: 'popup'
+            //     },
+            //     {
+            //         browser: 'mobile_safari',
+            //         open_type: 'iframe'
+            //     }
+            // ],
+            // popup: true,
+            // use_order_id: false,
+            // redirect_url: 'https://admin-dev.bootpay.co.kr/test/confirm',
+            // minimum_price_limit: false,
+            // escrow: true,
+            // offer_period: '20210401-20210501',
+            display_cash_receipt: false,
+            separately_confirmed: document.getElementsByName('separately_confirmed')[0].value === '1',
+            // card_quota:             '0,2,3,4,5,6,7,8,9,10,11,12',
+            // direct_card_company:    '국민',
+            // direct_card_quota:      '00',
+            locale: 'en',
+            display_success_result: true,
+            // use_easypay_point: true,
+            display_error_result: true,
+            escrow:               document.getElementsByName('escrow')[0].value === '1',
+            card_easy_option:     {
+                title: '부트페이 카드웰렛'
+            },
+            select_phone_carrier: 'SKT',
+            // automatic_tax: true,
+            // timeout: 1,
+            // app_scheme: 'bootpay',
+            // common_event_webhook: true,
+            // confirm_only_rest_api: true,
+            // popup: true
+            // confirm_message: '승인중이지롱'
+            // theme: '#000000',
+            // locale:       'en',
+            test_deposit: document.getElementsByName('test_deposit')[0].value === '1',
+            // deposit_expiration: '2023-05-30 01:25:00'
+        }
+    }).then(
+        function (response) {
+            console.log(response)
+            if (response.event === 'confirm') {
+                if (window.confirm('승인할까요?')) {
+                    Bootpay.confirm().then(
+                        function (response) {
+                            console.log(response)
+                            if (response.event === 'issued') {
+                                alert('가상계좌가 발급되었습니다.')
+                                // console.log('가상계좌 발급 끝')
+                            } else {
+                                alert('승인 분리 결제가 완료되었습니다.')
+                            }
+                        }, function (error) {
+                            switch (error.event) {
+                                case 'error':
+                                    console.log(error)
+                                    alert("에러:  " + error.message)
+                                    break
+                                case 'cancel':
+                                    console.log(error)
+                                    alert("닫힘:  " + error.message)
+                                    break
+                                default:
+                                    throw error
+                                // alert(error.message)
+                            }
+                        }
+                    )
+                } else {
+
+                }
+            } else {
+                if (response.event === 'issued') {
+                    alert('가상계좌가 발급되었습니다.')
+                    // console.log('가상계좌 발급 끝')
+                } else {
+                    alert('결제가 완료되었습니다.')
+                }
+            }
+        }, function (error) {
+            switch (error.event) {
+                case 'error':
+                    console.log(error)
+                    alert("에러:  " + error.message)
+                    break
+                case 'cancel':
+                    console.log(error)
+                    alert("닫힘:  " + error.message)
+                    break
+                default:
+                    throw error
+                // alert(error.message)
+            }
+        }
+    )
+}
+
+function requestTotalPayment() {
+    if (document.getElementsByName('version')[0].value === 'v2') {
+        try {
+            saveData()
+            Bootpay.setEnvironmentMode(document.getElementsByName('env')[0].value)
+            // Bootpay.setLogLevel(1)
+        } catch (e) {
+
+        }
+        requestTotalPaymentV2()
+    } else {
+        try {
+            saveData()
+            window.BootPay.setMode(document.getElementsByName('env')[0].value)
+        } catch (e) {
+        }
+        requestTotalPaymentV1()
+    }
+}
+
+function requestTotalPaymentV1() {
+    window.BootPay.request({
+        application_id: document.getElementsByName('applicationId')[0].value,
+        // pg: 'welcome',
+        // method: method,
+        price:             document.getElementsByName('amount')[0].value,
+        tax_free:          document.getElementsByName('taxFreeAmount')[0].value,
+        name:              '(부트페이 봇) 결제상태 체크 봇',
+        order_id:          (new Date()).getTime(),
+        show_agree_window: false,
+        user_info:         {
+            username: '부트페이',
+            phone:    document.getElementsByName('phone')[0].value,
+            email:    'test@bootpay.co.kr'
+        },
+        extra:             {
+            popup:                  document.getElementsByName('open_type')[0].value === 'popup' ? 1 : 0,
+            subscribe_test_payment: true,
+        }
+    }).error(function (data) {
+        var msg = "결제 에러입니다.: " + JSON.stringify(data)
+        alert(msg)
+    }).cancel(function (data) {
+        var msg = "결제 취소입니다.: " + JSON.stringify(data)
+        alert(msg)
+    }).confirm(function (data) {
+        if (confirm('승인할까요?')) {
+            window.BootPay.transactionConfirm(data)
+        } else {
+            alert('결제승인이 거절되었습니다')
+        }
+    }).done(function (data) {
+        console.log(data)
+        alert('결제가 완료되었습니다')
+    })
+}
+
+function requestTotalPaymentV2() {
+    // Bootpay.setLogLevel(1)
+    Bootpay.requestPayment({
+        application_id: document.getElementsByName('applicationId')[0].value,
+        pg:             '나이스페이',
+        price:          document.getElementsByName('amount')[0].value,
+        tax_free:       document.getElementsByName('taxFreeAmount')[0].value,
+        order_name:     '결제 테스트 스웻터',
+        order_id:       (new Date()).getTime(),
+        user:           {
+            // username: '강훈',
+            // phone: '01095735114',
+            // email: 'test@test.com'
+        },
+        items:          [
+            {
+                id:    'test',
+                name:  '아이템1',
+                qty:   2,
+                price: parseFloat(document.getElementsByName('amount')[0].value) / 2
+            }
+        ],
+        user_token:     document.getElementsByName('userToken')[0].value,
+        extra:          {
+            open_type: document.getElementsByName('open_type')[0].value,
+            // open_type: 'redirect',
+            // use_order_id: true,
+            // offer_period: '20210401-20210501',
+            display_cash_receipt: false,
+            separately_confirmed: false,
+            // timeout: 1000,
+            redirect_url: 'https://admin-dev.bootpay.co.kr/test/confirm',
+            // common_event_webhook: true,
+            // confirm_message: '승인중이지롱'
+            // theme: '#000000',
+            // deposit_expiration: '2023-06-09 01:25:00'
+        }
+    }).then(
+        function (response) {
+            console.log(response)
+            if (response.event === 'confirm') {
+                if (confirm('승인할까요?')) {
+                    Bootpay.confirm().then(
+                        function (response) {
+                            console.log(response)
+                            if (response.event === 'issued') {
+                                console.log('발급 계상계좌')
+                                alert('가상계좌가 발급되었습니다.')
+                            } else {
+                                alert('승인 분리 결제가 완료되었습니다.')
+                            }
+                        }, function (error) {
+                            switch (error.event) {
+                                case 'error':
+                                    console.log(error)
+                                    alert("에러:  " + error.message)
+                                    break
+                                case 'cancel':
+                                    console.log(error)
+                                    alert("닫힘:  " + error.message)
+                                    break
+                                default:
+                                    throw error
+                                // alert(error.message)
+                            }
+                        }
+                    )
+                } else {
+
+                }
+            } else {
+                if (response.event === 'issued') {
+                    alert('가상계좌가 발급되었습니다.')
+                } else {
+                    alert('결제가 완료되었습니다.')
+                }
+            }
+        }, function (error) {
+            switch (error.event) {
+                case 'error':
+                    console.log(error)
+                    alert("에러:  " + error.message)
+                    break
+                case 'cancel':
+                    console.log(error)
+                    alert("닫힘:  " + error.message)
+                    break
+                default:
+                    throw error
+                // alert(error.message)
+            }
+        }
+    )
+}
+
+function requestSubscribe() {
+    const unit = document.getElementsByName('unit')[0].value
+    Bootpay.requestSubscription({
+        application_id:  document.getElementsByName('applicationId')[0].value,
+        pg:              document.getElementsByName('pg_' + unit)[0].value,
+        method:          document.getElementsByName('method')[0].value,
+        price:           document.getElementsByName('amount')[0].value,
+        tax_free:        document.getElementsByName('taxFreeAmount')[0].value,
+        order_name:      '정기결제 입니다',
+        subscription_id: (new Date()).getTime(),
+        user_token:      document.getElementsByName('userToken')[0].value,
+        metadata:        {
+            test:   '123',
+            domain: 'bootpay.co.kr'
+        },
+        user:            {
+            id: 'bootpay2'
+            // username: '강훈',
+            // phone: '01095735114'
+        },
+        extra:           {
+            open_type: document.getElementsByName('open_type')[0].value,
+            // use_order_id: true,
+            redirect_url: 'https://dev-api.bootpay.co.kr/callback',
+            // offer_period: '20210401-20210501',
+            // display_cash_receipt: false,
+            subscription_comment:   '매월 1,000원이 결제됩니다',
+            subscribe_test_payment: true,
+            // use_bootpay_inapp_sdk: true
+            // theme: '#000000',
+            // deposit_expiration: '2021-03-09 00:00:00'
+        }
+    }).then(
+        function (response) {
+            if (response.event === 'confirm') {
+                Bootpay.confirm().then(
+                    function (response) {
+                        if (response.event === 'done') {
+                            alert('빌링키 발급 및 결제가 완료되었습니다.')
+                        }
+                    }
+                )
+            } else if (response.event === 'done') {
+                alert('빌링키 발급이 완료되었습니다.')
+            }
+        },
+        function (error) {
+            console.log(error.message)
+        }
+    )
+}
+
+function requestAuthentication() {
+    const unit = document.getElementsByName('unit')[0].value
+    Bootpay.requestAuthentication({
+        application_id:    document.getElementsByName('applicationId')[0].value,
+        pg:                document.getElementsByName('pg_' + unit)[0].value,
+        order_name:        '본인인증 입니다',
+        authentication_id: (new Date()).getTime(),
+        user:              {
+            // username: '강훈',
+            // phone:    '01095735114'
+        },
+        extra:             {
+            open_type: document.getElementsByName('open_type')[0].value,
+            // use_order_id: true,
+            // age_limit: 50,
+            // carrier:   'SKT',
+            // foreigner: true,
+            // birthday:  '19841025',
+            // gender:    1,
+            // offer_period: '20210401-20210501',
+            display_cash_receipt: false,
+            show_close_button:    true,
+            // close_button_color: '#000000'
+            // subscribe_test_payment: true
+            // theme: '#000000',
+            // deposit_expiration: '2021-03-09 00:00:00'
+            redirect_url: 'https://dev-api.bootpay.co.kr/callback'
+        }
+    }).then(
+        function (response) {
+            if (response.event === 'confirm') {
+                Bootpay.confirm().then(
+                    function (response) {
+                        if (response.event === 'done') {
+                            alert('본인인증이 완료되었습니다.')
+                        }
+                    }
+                )
+            } else if (response.event === 'done') {
+                alert('본인인증이 완료되었습니다.')
+            }
+        },
+        function (error) {
+            console.log(error.message)
+        }
+    )
+}
+
+function requestPasswordToken() {
+    BootpaySDK.setEnvironmentMode(
+        document.getElementsByName('env')[0].value,
+        'gosomi.bootpay.co.kr'
+    )
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.requestPasswordToken(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            console.log(token)
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+function requestChangePassword() {
+    BootpaySDK.setEnvironmentMode(
+        document.getElementsByName('env')[0].value,
+        'gosomi.bootpay.co.kr'
+    )
+    BootpaySDK.setEnvironmentMode(document.getElementsByName('env')[0].value)
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.requestChangePassword(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            console.log(token)
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+function requestAddCard() {
+    BootpaySDK.setEnvironmentMode(
+        document.getElementsByName('env')[0].value,
+        'gosomi.bootpay.co.kr'
+    )
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.requestAddCard(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            console.log(token)
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+function wallets() {
+    BootpaySDK.setEnvironmentMode(document.getElementsByName('env')[0].value)
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.wallets(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            console.log(token)
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+function addBiometricData() {
+    BootpaySDK.setEnvironmentMode(document.getElementsByName('env')[0].value)
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.requestPasswordToken(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            BootpaySDK.createBiometricAuthenticate({
+                userToken: document.getElementsByName('userToken')[0].value,
+                os:        'android',
+                token:     token
+            }).then(function (data) {
+                console.log(data)
+            }, function (error) {
+                console.log(error)
+            })
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+function destroyBiometricData() {
+    BootpaySDK.setEnvironmentMode(document.getElementsByName('env')[0].value)
+    BootpaySDK.setLogLevel(1)
+    BootpaySDK.setUUID('test-uuid')
+    BootpaySDK.requestPasswordToken(document.getElementsByName('userToken')[0].value).then(
+        function (token) {
+            BootpaySDK.destroyBiometricAuthenticate({
+                userToken: document.getElementsByName('userToken')[0].value,
+                token:     token
+            }).then(function (data) {
+                console.log(data)
+            }, function (error) {
+                console.log(error)
+            })
+        }, function (error) {
+            console.log(error)
+        }
+    )
+}
+
+// function requestWalletPayment() {
+//     BootpaySDK.setEnvironmentMode(
+//         document.getElementsByName('env')[0].value,
+//         'gosomi.bootpay.co.kr'
+//     )
+//     BootpaySDK.setLogLevel(1)
+//     BootpaySDK.setUUID('test-uuid')
+//     BootpaySDK.wallets(document.getElementsByName('userToken')[0].value).then(
+//         function (response) {
+//             const wallet_id = response.wallets[0].wallet_id;
+//             BootpaySDK.requestPasswordToken(
+//                 document.getElementsByName('userToken')[0].value,
+//             ).then(function (token) {
+//                 BootpaySDK.requestWalletPayment({
+//                     wallet_id: wallet_id,
+//                     token: token,
+//                     authenticate_type: 'token',
+//                     application_id: '59a568d3e13f3336c21bf707',
+//                     price: document.getElementsByName('amount')[0].value,
+//                     tax_free: document.getElementsByName('taxFreeAmount')[0].value,
+//                     order_name: '결제 테스트 스웻터',
+//                     user_token: document.getElementsByName('userToken')[0].value,
+//                     order_id: (new Date()).getTime(),
+//                     metadata: {
+//                         test: 1
+//                     },
+//                     user: {
+//                         username: '부트페이',
+//                         phone: '01000000000',
+//                         // email: 'aqure84@naver.com'
+//                     },
+//                     items: [
+//                         {
+//                             id: 'test',
+//                             name: '아이템1',
+//                             qty: 2,
+//                             price: parseInt(document.getElementsByName('amount')[0].value) / 2
+//                         }
+//                     ],
+//                     extra: {
+//                         open_type: 'iframe',
+//                         // popup: true,
+//                         use_order_id: true,
+//                         redirect_url: 'https://dev-api.bootpay.co.kr/callback',
+//                         // escrow: true,
+//                         // offer_period: '20210401-20210501',
+//                         display_cash_receipt: false,
+//                         // separately_confirmed: true,
+//                         card_quota: '0,2,3,4,5,6,7,8,9,10,11,12',
+//                         display_success_result: true,
+//                         display_error_result: true,
+//                         card_easy_option: {
+//                             title: '부트페이 카드웰렛'
+//                         }
+//                         // confirm_only_rest_api: true,
+//                         // popup: true
+//                         // confirm_message: '승인중이지롱'
+//                         // theme: '#000000',
+//                         // deposit_expiration: '2021-03-09 00:00:00'
+//                     }
+//                 }).then(function (response) {
+//                     console.log(response)
+//                 }, function (error) {
+//                     console.log(error)
+//                 })
+//             }, function (error) {
+//                 console.log(error)
+//             })
+//         }, function (error) {
+//             console.log(error)
+//         }
+//     )
+// }
+
+// function destroyWallet() {
+//     BootpaySDK.setEnvironmentMode(document.getElementsByName('env')[0].value)
+//     BootpaySDK.setLogLevel(1)
+//     BootpaySDK.setUUID('test-uuid')
+//     BootpaySDK.wallets(document.getElementsByName('userToken')[0].value).then(
+//         function (response) {
+//             const wallet_id = response.wallets[0].wallet_id
+//             BootpaySDK.requestPasswordToken(
+//                 document.getElementsByName('userToken')[0].value,
+//             ).then(function (token) {
+//                 BootpaySDK.destroyWallet({
+//                     authenticate_type: 'password',
+//                     user_token: document.getElementsByName('userToken')[0].value,
+//                     wallet_id: wallet_id,
+//                     token: token
+//                 }).then((response) => {
+//                     console.log(response)
+//                 }, (error) => {
+//                     console.log(error)
+//                 })
+//             }, function (error) {
+//                 console.log(error)
+//             })
+//         }, function (error) {
+//             console.log(error)
+//         }
+//     )
+// }