Plugin Directory

Changeset 3372267


Ignore:
Timestamp:
10/03/2025 10:01:27 AM (6 months ago)
Author:
easypayment
Message:

tags/1.0.3

Location:
payment-gateway-for-authorize-net-for-woocommerce
Files:
33 added
5 edited

Legend:

Unmodified
Added
Removed
  • payment-gateway-for-authorize-net-for-woocommerce/trunk/assets/css/public.css

    r3366434 r3372267  
    1 #add_payment_method #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img, .woocommerce-cart #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img, .woocommerce-checkout #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img {
     1#add_payment_method #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img,
     2.woocommerce-cart #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img,
     3.woocommerce-checkout #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img {
    24    width: 35px;
    35}
    4 
    56#add_payment_method #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type,
    67.woocommerce-cart #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type,
    78.woocommerce-checkout #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type {
    89    margin-left: 5px;
    9 
    1010}
    11 
    12 #wc-easyauthnet_authorizenet-form {
    13     display: flex;
    14     flex-wrap: wrap;
    15     max-width: 450px;
    16     gap: 8px 8px;
    17     align-items: flex-start;
     11#wc-easyauthnet_authorizenet-form{
     12    display:grid;
     13    grid-template-columns:1fr 1fr;
     14    column-gap:14px;
     15    row-gap:10px;
     16    grid-auto-rows:min-content;
     17    max-width:350px;
     18    margin-bottom:8px !important;
    1819    margin-top: 10px;
    1920}
    20 
    21 /* Shared field styling */
    22 .wc-credit-card-form .easyauthnet-authorizenet-field {
    23     display: flex;
    24     flex-direction: column;
    25     justify-content: flex-start;
     21#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field{
     22    min-width:0;
     23    display:flex;
     24    flex-direction:column;
     25    gap:5px;
     26    margin:0 0 8px 0 !important;
    2627}
    27 
    28 .easyauthnet-authorizenet-field.full-width {
    29     flex: 1 1 100%;
     28#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field.full-width{
     29    grid-column:1 / -1;
    3030}
    31 
    32 .easyauthnet-authorizenet-field.half-width {
    33     flex: 1 1 calc(50% - 4px); /* Adjust to respect 8px horizontal gap */
    34     max-width: calc(50% - 4px);
     31#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field.half-width{
     32    grid-column:auto;
    3533}
    36 
    37 /* Clean spacing between fields */
    38 .wc-credit-card-form .easyauthnet-authorizenet-field:not(:last-child) {
    39     margin-bottom: 10px; /* spacing now handled by gap */
     34#wc-easyauthnet_authorizenet-form label{
     35    display:block !important;
     36    margin:0 0 0 2px !important;
     37    line-height:1.2 !important;
     38    color:#515151 !important;
     39    font-size:14px !important;
     40    font-weight:500 !important;
     41    background:none !important;
     42    border:0 !important;
     43    box-shadow:none !important;
    4044}
    41 
    42 /* Force inner div to fill */
    43 #wc-easyauthnet_authorizenet-form .easyauthnet-authorizenet-field div > div {
    44     width: 100%;
     45#wc-easyauthnet_authorizenet-form input,
     46#wc-easyauthnet_authorizenet-form input[type="text"],
     47#wc-easyauthnet_authorizenet-form input[type="tel"],
     48#wc-easyauthnet_authorizenet-form input[type="email"],
     49#wc-easyauthnet_authorizenet-form input[type="number"]{
     50    -webkit-appearance:none;
     51    appearance:none;
     52    width:100% !important;
     53    height:44px !important;
     54    line-height:1.2 !important;
     55    padding:0 14px !important;
     56    box-sizing:border-box !important;
     57    color:#111827 !important;
     58    border:1px solid #D8D1D6 !important;
     59    border-radius:8px !important;
     60    box-shadow:none !important;
     61    outline:0 !important;
     62    font-size: 19px !important;
     63    font-weight: 500;
    4564}
    46 .easyauthnet-authorizenet-field label {
    47     margin-bottom: 7px;
    48     font-weight: 600;
    49     color: #515151;
    50 
     65#wc-easyauthnet_authorizenet-form .input-text::placeholder{
     66    color:#94a3b8 !important;
     67    font-size:16px !important;
     68    font-weight:400 !important;
     69    opacity:.95 !important;
    5170}
    52 .easyauthnet-authorizenet-field input {
    53     line-height: 24px;
    54     width: 100%;
    55     padding: .75em;
    56     font-weight: 600;
    57     font-size: 18px;
    58     padding: 8px;
     71#wc-easyauthnet_authorizenet-form .input-text:hover:not(:disabled){
     72    border-color:#d8dee6 !important;
    5973}
    60 .wc-credit-card-form-card-number.amex{
    61     background-image:url(../css/credit-cards/amex.svg);
    62     background-repeat: no-repeat;
    63     background-position: right .618em center;
    64     background-size: 32px 20px;
     74#wc-easyauthnet_authorizenet-form .input-text:focus,
     75#wc-easyauthnet_authorizenet-form .input-text:focus-visible{
     76    outline:none !important;
     77    border-color:#2563eb !important;
     78    box-shadow:0 0 0 3px rgba(37,99,235,.14) !important;
    6579}
    66 .wc-credit-card-form-card-number.diners{
    67     background-image:url(../css/credit-cards/diners.svg);
    68     background-repeat: no-repeat;
    69     background-position: right .618em center;
    70     background-size: 32px 20px;
     80#wc-easyauthnet_authorizenet-form .input-text:disabled{
     81    opacity:.7 !important;
     82    cursor:not-allowed !important;
    7183}
    72 .wc-credit-card-form-card-number.discover{
    73     background-image:url(../css/credit-cards/discover.svg);
    74     background-repeat: no-repeat;
    75     background-position: right .618em center;
    76     background-size: 32px 20px;
     84#easyauthnet_authorizenet-card-number{
     85    padding-right:52px;
     86    letter-spacing:.04em;
    7787}
    78 .wc-credit-card-form-card-number.jcb{
    79     background-image:url(../css/credit-cards/jcb.svg);
    80     background-repeat: no-repeat;
    81     background-position: right .618em center;
    82     background-size: 32px 20px;
     88.easyauthnet_authorizenet-cvc-wrapper{
     89    position:relative;
    8390}
    84 .wc-credit-card-form-card-number.laser{
    85     background-image:url(../css/credit-cards/laser.svg);
    86     background-repeat: no-repeat;
    87     background-position: right .618em center;
    88     background-size: 32px 20px;
     91.easyauthnet_authorizenet-cvc-wrapper .input-text{
     92    padding-inline-end:48px !important;
    8993}
    90 .wc-credit-card-form-card-number.maestro{
    91     background-image:url(../css/credit-cards/maestro.svg);
    92     background-repeat: no-repeat;
    93     background-position: right .618em center;
    94     background-size: 32px 20px;
     94.easyauthnet_authorizenet-parent-card-cvv-icon{
     95    position:absolute;
     96    inset-inline-end:10px;
     97    top:50%;
     98    transform:translateY(-50%);
     99    display:flex;
     100    align-items:center;
     101    justify-content:center;
     102    pointer-events:none;
    95103}
    96 .wc-credit-card-form-card-number.mastercard{
    97     background-image:url(../css/credit-cards/mastercard.svg);
    98     background-repeat: no-repeat;
    99     background-position: right .618em center;
    100     background-size: 32px 20px;
     104.easyauthnet_authorizenet-card-cvc-icon{
     105    width:1.95em;
     106    height:1.95em;
     107    opacity:.85;
    101108}
     109#wc-easyauthnet_authorizenet-form .woocommerce-validated .input-text{
     110    border-color:#10b981 !important;
     111    box-shadow:0 0 0 2px rgba(16,185,129,.16) !important;
     112}
     113#wc-easyauthnet_authorizenet-form .woocommerce-invalid .input-text{
     114    border-color:#ef4444 !important;
     115    box-shadow:0 0 0 2px rgba(239,68,68,.14) !important;
     116}
     117#wc-easyauthnet_authorizenet-form .input-text:-webkit-autofill{
     118    -webkit-text-fill-color:inherit !important;
     119    box-shadow:0 0 0 1000px #fff inset !important;
     120}
     121.wc-credit-card-form-card-number.amex,
     122.wc-credit-card-form-card-number.diners,
     123.wc-credit-card-form-card-number.dinersclub,
     124.wc-credit-card-form-card-number.discover,
     125.wc-credit-card-form-card-number.discovercard,
     126.wc-credit-card-form-card-number.jcb,
     127.wc-credit-card-form-card-number.laser,
     128.wc-credit-card-form-card-number.maestro,
     129.wc-credit-card-form-card-number.mcdebit,
     130.wc-credit-card-form-card-number.mastercard,
    102131.wc-credit-card-form-card-number.visa{
    103     background-image:url(../css/credit-cards/visa.svg);
    104     background-repeat: no-repeat;
    105     background-position: right .618em center;
    106     background-size: 32px 20px;
     132    background-repeat:no-repeat !important;
     133    background-position:right .618em center !important;
     134    background-size:32px 20px !important;
     135    padding-right: 52px !important;
    107136}
     137.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.visa {
     138  background-image: url(../css/credit-cards/visa.svg) !important;
     139}
     140.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.mastercard {
     141  background-image: url(../css/credit-cards/mastercard.svg) !important;
     142}
     143.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.amex {
     144  background-image: url(../css/credit-cards/amex.svg) !important;
     145}
     146.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.discover,
     147.wc-credit-card-form-card-number.discovercard {
     148  background-image: url(../css/credit-cards/discover.svg) !important;
     149}
     150.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.jcb {
     151  background-image: url(../css/credit-cards/jcb.svg) !important;
     152}
     153.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.diners,
     154.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.dinersclub {
     155  background-image: url(../css/credit-cards/diners.svg) !important;
     156}
     157.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.laser {
     158  background-image: url(../css/credit-cards/laser.svg) !important;
     159}
     160.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.maestro,
     161.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.mcdebit {
     162  background-image: url(../css/credit-cards/maestro.svg) !important;
     163}
     164@media (prefers-reduced-motion: reduce){
     165    #wc-easyauthnet_authorizenet-form .input-text{
     166        transition:none !important;
     167    }
     168}
     169@media (max-width:480px){
     170    #wc-easyauthnet_authorizenet-form{
     171        grid-template-columns:1fr;
     172        row-gap:10px;
     173    }
     174}
  • payment-gateway-for-authorize-net-for-woocommerce/trunk/assets/js/blocks-authorizenet.js

    r3342610 r3372267  
    111111
    112112        return createElement(
    113                 'div',
    114                 {
    115                     id: 'wc-easyauthnet_authorizenet-form',
    116                     className: `wc-credit-card-form wc-payment-form ${isProcessing ? 'processing' : ''}`,
    117                 },
    118                 createElement(
    119                         'div',
    120                         {className: 'easyauthnet-authorizenet-field full-width'},
    121                         createElement('label', {htmlFor: 'easyauthnet_authorizenet-card-number'}, __('Card number', 'payment-gateway-for-authorize-net-for-woocommerce')),
    122                         createElement('input', {
    123                             type: 'text',
    124                             id: 'easyauthnet_authorizenet-card-number',
    125                             className: 'wc-credit-card-form-card-number',
    126                             placeholder: '4111 1111 1111 1111',
    127                             autoComplete: 'cc-number',
    128                             disabled: isProcessing,
    129                         })
    130                         ),
    131                 createElement(
    132                         'div',
    133                         {className: 'easyauthnet-authorizenet-field half-width'},
    134                         createElement('label', {htmlFor: 'easyauthnet_authorizenet-card-expiry'}, __('Expiration date', 'payment-gateway-for-authorize-net-for-woocommerce')),
    135                         createElement('input', {
    136                             type: 'text',
    137                             id: 'easyauthnet_authorizenet-card-expiry',
    138                             className: 'wc-credit-card-form-card-expiry',
    139                             placeholder: 'MM / YY',
    140                             autoComplete: 'cc-exp',
    141                             disabled: isProcessing,
    142                         })
    143                         ),
    144                 createElement(
    145                         'div',
    146                         {className: 'easyauthnet-authorizenet-field half-width'},
    147                         createElement('label', {htmlFor: 'easyauthnet_authorizenet-card-cvc'}, __('Security code', 'payment-gateway-for-authorize-net-for-woocommerce')),
    148                         createElement('input', {
    149                             type: 'text',
    150                             id: 'easyauthnet_authorizenet-card-cvc',
    151                             className: 'wc-credit-card-form-card-cvc',
    152                             placeholder: 'CVC',
    153                             autoComplete: 'cc-csc',
    154                             disabled: isProcessing,
    155                         })
    156                         )
    157                 );
     113  'div',
     114  {
     115    id: 'wc-easyauthnet_authorizenet-form',
     116    className: `wc-credit-card-form wc-payment-form ${isProcessing ? 'processing' : ''}`,
     117  },
     118
     119  // Card number (full width) — wrapper div included
     120  createElement(
     121    'div',
     122    { className: 'easyauthnet_authorizenet-field full-width' },
     123    createElement('label', { htmlFor: 'easyauthnet_authorizenet-card-number' }, __('Card number', 'payment-gateway-for-authorize-net-for-woocommerce')),
     124    createElement(
     125      'div',
     126      { id: 'easyauthnet_authorizenet-card-number-wrapper' },
     127      createElement('input', {
     128        id: 'easyauthnet_authorizenet-card-number',
     129        className: 'input-text wc-credit-card-form-card-number unknown',
     130        type: 'tel',
     131        inputMode: 'numeric',
     132        autoComplete: 'cc-number',
     133        autoCorrect: 'no',
     134        autoCapitalize: 'no',
     135        spellCheck: 'no',
     136        placeholder: '•••• •••• •••• ••••',
     137        disabled: isProcessing,
     138      })
     139    )
     140  ),
     141
     142  // Expiration (half) — wrapper div included
     143  createElement(
     144    'div',
     145    { className: 'easyauthnet_authorizenet-field half-width' },
     146    createElement('label', { htmlFor: 'easyauthnet_authorizenet-card-expiry' }, __('Expiration date', 'payment-gateway-for-authorize-net-for-woocommerce')),
     147    createElement(
     148      'div',
     149      { id: 'easyauthnet_authorizenet-card-expiry-wrapper' },
     150      createElement('input', {
     151        id: 'easyauthnet_authorizenet-card-expiry',
     152        className: 'input-text wc-credit-card-form-card-expiry',
     153        type: 'tel',
     154        inputMode: 'numeric',
     155        autoComplete: 'cc-exp',
     156        autoCorrect: 'no',
     157        autoCapitalize: 'no',
     158        spellCheck: 'no',
     159        placeholder: 'MM / YY',
     160        disabled: isProcessing,
     161      })
     162    )
     163  ),
     164
     165  // Security code (half) — wrapper + icon divs and classes match
     166  createElement(
     167    'div',
     168    { className: 'easyauthnet_authorizenet-field half-width' },
     169    createElement('label', { htmlFor: 'easyauthnet_authorizenet-card-cvc' }, __('Security code', 'payment-gateway-for-authorize-net-for-woocommerce')),
     170    createElement(
     171      'div',
     172      { className: 'easyauthnet_authorizenet-cvc-wrapper' },
     173      createElement('input', {
     174        id: 'easyauthnet_authorizenet-card-cvc',
     175        className: 'input-text wc-credit-card-form-card-cvc',
     176        type: 'tel',
     177        inputMode: 'numeric',
     178        autoComplete: 'off',
     179        autoCorrect: 'no',
     180        autoCapitalize: 'no',
     181        spellCheck: 'no',
     182        maxLength: 4,
     183        placeholder: 'CVV',
     184        disabled: isProcessing,
     185      }),
     186      createElement(
     187        'div',
     188        { className: 'easyauthnet_authorizenet-parent-card-cvv-icon' },
     189        createElement(
     190          'svg',
     191          {
     192            className: 'easyauthnet_authorizenet-card-cvc-icon',
     193            width: '24',
     194            height: '24',
     195            viewBox: '0 0 24 24',
     196            xmlns: 'http://www.w3.org/2000/svg',
     197            fill: 'var(--colorIconCardCvc)',
     198            role: 'img',
     199            'aria-labelledby': 'cvcDesc',
     200          },
     201          createElement('path', { opacity: '.2', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M15.337 4A5.493 5.493 0 0013 8.5c0 1.33.472 2.55 1.257 3.5H4a1 1 0 00-1 1v1a1 1 0 001 1h16a1 1 0 001-1v-.6a5.526 5.526 0 002-1.737V18a2 2 0 01-2 2H3a2 2 0 01-2-2V6a2 2 0 012-2h12.337zm6.707.293c.239.202.46.424.662.663a2.01 2.01 0 00-.662-.663z' }),
     202          createElement('path', { opacity: '.4', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M13.6 6a5.477 5.477 0 00-.578 3H1V6h12.6z' }),
     203          createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M18.5 14a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm-2.184-7.779h-.621l-1.516.77v.786l1.202-.628v3.63h.943V6.22h-.008zm1.807.629c.448 0 .762.251.762.613 0 .393-.37.668-.904.668h-.235v.668h.283c.565 0 .95.282.95.691 0 .393-.377.66-.911.66-.393 0-.786-.126-1.194-.37v.786c.44.189.88.291 1.312.291 1.029 0 1.736-.526 1.736-1.288 0-.535-.33-.967-.88-1.14.472-.157.778-.573.778-1.045 0-.738-.652-1.241-1.595-1.241a3.143 3.143 0 00-1.234.267v.77c.378-.212.763-.33 1.132-.33zm3.394 1.713c.574 0 .974.338.974.778 0 .463-.4.785-.974.785-.346 0-.707-.11-1.076-.337v.809c.385.173.778.26 1.163.26.204 0 .392-.032.573-.08a4.313 4.313 0 00.644-2.262l-.015-.33a1.807 1.807 0 00-.967-.252 3 3 0 00-.448.032V6.944h1.132a4.423 4.423 0 00-.362-.723h-1.587v2.475a3.9 3.9 0 01-.943-.133z' })
     204        )
     205      )
     206    )
     207  )
     208);
     209
     210
    158211    };
    159212
  • payment-gateway-for-authorize-net-for-woocommerce/trunk/includes/class-easy-payment-authorizenet-gateway.php

    r3366434 r3372267  
    383383                <td class="forminp" id="<?php echo esc_attr($field_key); ?>">
    384384                    <?php
    385                     $signup_url = 'https://account.authorize.net/signUpNow?resellerId=27457&resellerProfileId=1122';
    386                     $direct_url = 'https://account.authorize.net/signUpNow?resellerId=27457&resellerProfileId=1122';
     385                    $signup_url = 'https://account.authorize.net/signUpNow?resellerId=27457';
     386                    $direct_url = 'https://account.authorize.net/signUpNow?resellerId=27457';
    387387                    ?>
    388388
     
    391391                        <h4 id="<?php echo esc_attr($field_key); ?>-heading">
    392392                            <span class="dashicons dashicons-businessperson" aria-hidden="true"></span>
    393             <?php esc_html_e('For Business Owners', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     393                            <?php esc_html_e('For Business Owners', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    394394                        </h4>
    395395                        <p class="description">
    396             <?php esc_html_e('Sign up your business to start accepting payments with Authorize.Net.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     396                            <?php esc_html_e('Sign up your business to start accepting payments with Authorize.Net.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    397397                        </p>
    398398                        <p>
     
    401401                               target="_blank"
    402402                               aria-label="<?php esc_attr_e('Sign up with Authorize.Net', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>">
    403             <?php esc_html_e('Sign Up with Authorize.Net', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     403                                   <?php esc_html_e('Sign Up with Authorize.Net', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    404404                            </a>
    405405                        </p>
     
    410410                        <h4>
    411411                            <span class="dashicons dashicons-admin-links" aria-hidden="true"></span>
    412             <?php esc_html_e('For Developers', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     412                            <?php esc_html_e('For Developers', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    413413                        </h4>
    414414                        <p class="description">
    415             <?php esc_html_e('Share this referral link with your client for easy sign-up.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     415                            <?php esc_html_e('Share this referral link with your client for easy sign-up.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    416416                        </p>
    417417
     
    425425                                    class="button easyauthnet-copy-link"
    426426                                    data-link="<?php echo esc_attr($direct_url); ?>">
    427             <?php esc_html_e('Copy Link', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     427                                        <?php esc_html_e('Copy Link', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    428428                            </button>
    429429                        </div>
    430430
    431431                        <p class="description">
    432             <?php esc_html_e('This referral link ensures your client\'s Authorize.Net account is automatically linked to this plugin.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     432                            <?php esc_html_e('This referral link ensures your client\'s Authorize.Net account is automatically linked to this plugin.', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
    433433                        </p>
    434434                    </div>
     
    576576
    577577    public function payment_fields() {
    578         parent::payment_fields();
     578        if ($this->supports('tokenization') && is_checkout()) {
     579            $this->tokenization_script();
     580            $this->saved_payment_methods();
     581            $this->form();
     582            $this->save_payment_method_checkbox();
     583        } else {
     584            $this->form();
     585        }
     586    }
     587
     588    public function form() {
     589        wp_enqueue_script('wc-credit-card-form');
     590        $id = esc_attr($this->id);
     591        ?>
     592        <div id="wc-<?php echo $id; ?>-form" class="wc-credit-card-form wc-payment-form">
     593            <div class="easyauthnet_authorizenet-field full-width">
     594                <label for="<?php echo $id; ?>-card-number">
     595                    <?php echo esc_html_x('Card number', 'Important', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     596                </label>
     597                <div id="<?php echo $id; ?>-card-number-wrapper">
     598                    <input
     599                        id="<?php echo $id; ?>-card-number"
     600                        class="input-text wc-credit-card-form-card-number"
     601                        type="tel"
     602                        inputmode="numeric"
     603                        autocomplete="cc-number"
     604                        autocorrect="no"
     605                        autocapitalize="no"
     606                        spellcheck="no"
     607                        placeholder="&bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;"
     608                        <?php echo $this->field_name('card-number'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     609                        />
     610                </div>
     611            </div>
     612            <div class="easyauthnet_authorizenet-field half-width">
     613                <label for="<?php echo $id; ?>-card-expiry">
     614                    <?php echo esc_html_x('Expiration date', 'Important', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     615                </label>
     616                <div id="<?php echo $id; ?>-card-expiry-wrapper">
     617                    <input
     618                        id="<?php echo $id; ?>-card-expiry"
     619                        class="input-text wc-credit-card-form-card-expiry"
     620                        type="tel"
     621                        inputmode="numeric"
     622                        autocomplete="cc-exp"
     623                        autocorrect="no"
     624                        autocapitalize="no"
     625                        spellcheck="no"
     626                        placeholder="<?php echo esc_attr__('MM / YY', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>"
     627                        <?php echo $this->field_name('card-expiry'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     628                        />
     629                </div>
     630            </div>
     631            <div class="easyauthnet_authorizenet-field half-width">
     632                <label for="<?php echo $id; ?>-card-cvc">
     633                    <?php echo esc_html_x('Security code', 'Important', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>
     634                </label>
     635                <div class="easyauthnet_authorizenet-cvc-wrapper">
     636                    <input
     637                        id="<?php echo $id; ?>-card-cvc"
     638                        class="input-text wc-credit-card-form-card-cvc"
     639                        type="tel"
     640                        inputmode="numeric"
     641                        autocomplete="off"
     642                        autocorrect="no"
     643                        autocapitalize="no"
     644                        spellcheck="no"
     645                        maxlength="4"
     646                        placeholder="<?php echo esc_attr__('CVV', 'payment-gateway-for-authorize-net-for-woocommerce'); ?>"
     647                        <?php echo $this->field_name('card-cvc'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     648                        />
     649                    <div class="easyauthnet_authorizenet-parent-card-cvv-icon">
     650                        <svg class="easyauthnet_authorizenet-card-cvc-icon" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="var(--colorIconCardCvc)" role="img" aria-labelledby="cvcDesc">
     651                        <path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M15.337 4A5.493 5.493 0 0013 8.5c0 1.33.472 2.55 1.257 3.5H4a1 1 0 00-1 1v1a1 1 0 001 1h16a1 1 0 001-1v-.6a5.526 5.526 0 002-1.737V18a2 2 0 01-2 2H3a2 2 0 01-2-2V6a2 2 0 012-2h12.337zm6.707.293c.239.202.46.424.662.663a2.01 2.01 0 00-.662-.663z"></path>
     652                        <path opacity=".4" fill-rule="evenodd" clip-rule="evenodd" d="M13.6 6a5.477 5.477 0 00-.578 3H1V6h12.6z"></path>
     653                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 14a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm-2.184-7.779h-.621l-1.516.77v.786l1.202-.628v3.63h.943V6.22h-.008zm1.807.629c.448 0 .762.251.762.613 0 .393-.37.668-.904.668h-.235v.668h.283c.565 0 .95.282.95.691 0 .393-.377.66-.911.66-.393 0-.786-.126-1.194-.37v.786c.44.189.88.291 1.312.291 1.029 0 1.736-.526 1.736-1.288 0-.535-.33-.967-.88-1.14.472-.157.778-.573.778-1.045 0-.738-.652-1.241-1.595-1.241a3.143 3.143 0 00-1.234.267v.77c.378-.212.763-.33 1.132-.33zm3.394 1.713c.574 0 .974.338.974.778 0 .463-.4.785-.974.785-.346 0-.707-.11-1.076-.337v.809c.385.173.778.26 1.163.26.204 0 .392-.032.573-.08a4.313 4.313 0 00.644-2.262l-.015-.33a1.807 1.807 0 00-.967-.252 3 3 0 00-.448.032V6.944h1.132a4.423 4.423 0 00-.362-.723h-1.587v2.475a3.9 3.9 0 01.943-.133z"></path>
     654                        </svg>
     655
     656                    </div>
     657                </div>
     658            </div>
     659        </div>
     660        <?php
    579661    }
    580662
  • payment-gateway-for-authorize-net-for-woocommerce/trunk/payment-gateway-for-authorizenet-for-woocommerce.php

    r3366434 r3372267  
    77 * Author: easypayment
    88 * Author URI: https://profiles.wordpress.org/easypayment/
    9  * Version: 1.0.2
     9 * Version: 1.0.3
    1010 * Requires at least: 5.6
    11  * Tested up to: 6.8
     11 * Tested up to: 6.8.3
    1212 * Requires PHP: 7.4
    1313 * Text Domain: payment-gateway-for-authorize-net-for-woocommerce
    1414 * Domain Path: /languages/
    1515 * WC requires at least: 6.0
    16  * WC tested up to: 10.2.1
     16 * WC tested up to: 10.2.2
    1717 * Requires Plugins: woocommerce
    1818 * License: GPLv2 or later
  • payment-gateway-for-authorize-net-for-woocommerce/trunk/readme.txt

    r3366434 r3372267  
    33Tags: authorize.net, credit card, visa 
    44Requires at least: 5.6 
    5 Tested up to: 6.8.2 
     5Tested up to: 6.8.3 
    66Requires PHP: 7.4 
    7 Stable tag: 1.0.2 
     7Stable tag: 1.0.3 
    88License: GPLv2 or later 
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html 
     
    105105     - https://account.authorize.net/ 
    106106     - https://sandbox.authorize.net/ 
    107      - https://account.authorize.net/signUpNow?resellerId=27457&resellerProfileId=1122 
     107     - https://account.authorize.net/signUpNow?resellerId=27457 
    108108   - No personal data is sent by the plugin automatically. 
    109109
     
    112112
    113113== Changelog ==
     114
     115= 1.0.3 =
     116* Enhancement - Improved credit card form for a smoother checkout experience.
    114117
    115118= 1.0.2 =
Note: See TracChangeset for help on using the changeset viewer.