@bootpay/client-js 5.0.0-beta.9 → 5.0.0-rc.1

package/dist/test/payment/js/widget.js

@@ -1,369 +0,0 @@
-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
-let BootpayWidget = window.BootpayWidget
-
-document.addEventListener('DOMContentLoaded', function () {
-    setSaveData()
-    getUserToken()
-    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()
-        }
-    )
-    setTimeout(() => {
-        BootpayWidget.setEnvironmentMode(document.getElementsByName('env')[0].value)
-        BootpayWidget.render('#widget', {
-            application_id: document.getElementsByName('applicationId')[0].value,
-            user_token:     document.getElementsByName('userToken')[0].value,
-            price:          document.getElementsByName('amount')[0].value,
-            tax_free:       document.getElementsByName('taxFreeAmount')[0].value,
-            sandbox:        document.getElementsByName('sandbox')[0].value === '1',
-            external_terms: [
-                {
-                    pk:       'external-test-1',
-                    title:    '부트페이 외부 약관1',
-                    required: 'required',
-                    url:      'https://naver.com'
-                }
-            ],
-            extra:          {
-                card_quota: [0, 2, 3, 4, 5, 6]
-            },
-            // use_terms:      false
-        })
-    }, 1000)
-    // document.getElementsByName('pg')[0].value = '나이스페이'
-    // document.getElementsByName('method')[0].value = '네이버페이'
-})
-
-document.addEventListener('bootpayclose', function (e) {
-    console.log(e)
-    console.log("결제창 닫힘")
-})
-
-document.addEventListener('bootpayallagreeterms', function (e) {
-    console.log(e.detail)
-    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.sandbox = document.getElementsByName('sandbox')[0].value
-    // data.version = document.getElementsByName('version')[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 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',
-            sandbox:              '1'
-        } : 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',
-            sandbox:              '1'
-        }
-    }
-}
-
-function getUserToken() {
-    if (document.getElementsByName('env')[0].value === 'development' &&
-        document.getElementsByName('applicationId')[0].value === '59a568d3e13f3336c21bf707') {
-        $.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 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('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('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('sandbox')[0].value = cache.sandbox
-}
-
-function updatePrice() {
-    BootpayWidget.update({
-        price:    document.getElementsByName('amount')[0].value,
-        tax_free: document.getElementsByName('taxFreeAmount')[0].value
-    })
-    // BootpayWidget.rerender()
-    saveData()
-}
-
-function rerender() {
-    BootpayWidget.update({
-        application_id: document.getElementsByName('applicationId')[0].value,
-        user_token:     document.getElementsByName('userToken')[0].value,
-        price:          document.getElementsByName('amount')[0].value,
-        tax_free:       document.getElementsByName('taxFreeAmount')[0].value,
-        sandbox:        document.getElementsByName('sandbox')[0].value === '1',
-        extra:          {
-            card_quota: [0, 2, 3, 4, 5, 6]
-        },
-        // use_terms:      true
-    })
-    saveData()
-}
-
-function requestPayment() {
-    BootpayWidget.requestPayment({
-        order_name: '(테스트)결제상태 체크 봇',
-        user_token: document.getElementsByName('userToken')[0].value,
-        order_id:   String((new Date()).getTime()),
-        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:      {
-            show_close_button: true,
-            // use_compound_tax: true,
-            open_type: document.getElementsByName('open_type')[0].value,
-            // identity_no: '3292000492',
-            // easy_payment_method: '포인트',
-            // 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',
-            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 (e) {
-        console.log(e)
-        alert(e.message)
-    })
-}

package/dist/test/payment/widget.html

@@ -1,164 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>결제 테스트 페이지 (개발서버)</title>
-    <meta charset="utf-8"/>
-    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
-    <meta name="apple-mobile-web-app-status-bar-style" content="none"/>
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
-          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <link rel="stylesheet" media="all" href="./css/style.css"/>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
-            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
-            crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
-            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
-            crossorigin="anonymous"></script>
-    <script src="../../bootpay.js" type="application/javascript"></script>
-    <script src="../../bootpay-sdk.js" type="application/javascript"></script>
-    <script src="../../bootpay-widget.js" type="application/javascript"></script>
-    <script src="https://d-cdn.bootapi.com/bootpay-latest.js" type="application/javascript"></script>
-    <!--    <script src="https://cdn.bootpay.co.kr/js/bootpay-3.3.6.min.js" type="application/javascript"></script>-->
-    <script src="./js/widget.js" type="application/javascript"></script>
-    <meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport">
-    <!-- Google Tag Manager -->
-    <script>(function (w, d, s, l, i) {
-        w[l] = w[l] || []
-        w[l].push({
-            'gtm.start':
-                new Date().getTime(), event: 'gtm.js'
-        })
-        var f                          = d.getElementsByTagName(s)[0],
-            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''
-        j.async = true
-        j.src =
-            'https://www.googletagmanager.com/gtm.js?id=' + i + dl
-        f.parentNode.insertBefore(j, f)
-    })(window, document, 'script', 'dataLayer', 'GTM-NQKMWJD')</script>
-    <!-- End Google Tag Manager -->
-</head>
-<body>
-<div class="flex-container widget-background">
-    <div class="widget-left">
-        <div class="widget-container">
-            <div id="widget"></div>
-        </div>
-        <div class="mt-4">
-            <button class="btn btn-primary block w-100 btn-lg" onClick="requestPayment()">결제하기</button>
-        </div>
-    </div>
-    <div class="widget-right">
-        <div class="card">
-            <div class="card-header">
-                <h5 class="card-title">부트페이 위젯 테스트 결제 페이지입니다</h5>
-                <h6 class="card-subtitle mb-2 text-muted">테스트 서버로 결제 요청을 할 수 있습니다.</h6>
-            </div>
-            <div class="card-body">
-                <div class="form-group">
-                    <label>모드</label>
-                    <select class="form-control" name="env" onChange="changeMode()">
-                        <option value="development">개발모드</option>
-                        <option value="stage">스테이지모드</option>
-                        <option value="production">실서버모드</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>통화(Currency)</label>
-                    <select class="form-control" name="unit" onChange="saveData()">
-                        <option value="krw">원화</option>
-                        <option value="usd">달러</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>Application ID</label>
-                    <input class="form-control" value="" name="applicationId"/>
-                </div>
-                <div class="form-group">
-                    <label>결제할 금액</label>
-                    <input class="form-control" value="1000" name="amount" onChange="updatePrice()"/>
-                </div>
-                <div class="form-group">
-                    <label>면세로 설정할 금액</label>
-                    <input class="form-control" value="0" name="taxFreeAmount" onChange="updatePrice()"/>
-                </div>
-                <div class="form-group">
-                    <label>에스크로</label>
-                    <select class="form-control" name="escrow" onChange="saveData()">
-                        <option value="0">일반</option>
-                        <option value="1">에스크로</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>가상계좌모의통지</label>
-                    <select class="form-control" name="test_deposit" onChange="saveData()">
-                        <option value="0">통지안함</option>
-                        <option value="1">통지함</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>샌드박스모드</label>
-                    <select class="form-control" name="sandbox" onChange="saveData()">
-                        <option value="0">라이브</option>
-                        <option value="1">샌드박스</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>결제진행방법</label>
-                    <select class="form-control" name="open_type" onChange="saveData()">
-                        <option value="iframe">iFrame</option>
-                        <option value="popup">팝업</option>
-                        <option value="redirect">Redirect</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>승인분리</label>
-                    <select class="form-control" name="separately_confirmed" onChange="saveData()">
-                        <option value="0">승인후리턴</option>
-                        <option value="1">승인분리</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>구매자 전화번호</label>
-                    <input class="form-control" value="" name="phone"/>
-                </div>
-                <div class="form-group">
-                    <label>User Token</label>
-                    <div class="row">
-                        <div class="col-9">
-                            <input class="form-control" value="" name="userToken"/>
-                        </div>
-                        <div class="col-3">
-                            <button class="btn btn-primary" onClick="getUserToken()">GetToken</button>
-                        </div>
-                    </div>
-                </div>
-                <div class="accordion" id="accordionButton">
-                    <div class="card">
-                        <div class="card-header" id="collapsePayment">
-                            <h2 class="mb-0">
-                                <button class="btn btn-link btn-block text-left" data-toggle="collapse"
-                                        data-target="paymentOne" aria-expanded="true" aria-controls="collapsePayment">
-                                    결제하기 Section
-                                </button>
-                            </h2>
-                        </div>
-                        <div id="paymentOne" class="collapse show" aria-labelledby="collapsePayment"
-                             data-parent="#accordionButton">
-                            <div class="card-body">
-                                <div class="group mt-3">
-                                    <button class="btn btn-primary" onclick="rerender()">
-                                        부트페이 위젯정보 갱신하기
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-</body>
-</html>