Tweak 'Coupon Code' field (#889)

resources/js/components/Fieldtypes/CouponCodeFieldtype.vue

@@ -0,0 +1,24 @@
+<template>
+    <text-fieldtype
+        :meta="meta"
+        :config="{
+            classes: 'uppercase font-mono',
+            focus: 'code',
+            autoselect: true,
+            input_type: 'text',
+        }"
+        :value="value"
+        @input="updateDebounced"
+        @keydown.native.space.prevent
+    />
+</template>
+
+<script>
+export default {
+    name: 'CouponCodeFieldtype',
+
+    mixins: [Fieldtype],
+
+    props: ['meta'],
+}
+</script>

resources/js/cp.js

@@ -1,5 +1,6 @@
 // Fieldtypes
 
+import CouponCodeFieldtype from './components/Fieldtypes/CouponCodeFieldtype.vue'
 import CouponValueFieldtype from './components/Fieldtypes/CouponValueFieldtype.vue'
 import GatewayFieldtype from './components/Fieldtypes/GatewayFieldtype.vue'
 import MoneyFieldtype from './components/Fieldtypes/MoneyFieldtype.vue'
@@ -10,6 +11,7 @@ import PaymentStatusIndexFieldtype from './components/Fieldtypes/PaymentStatusIn
 import ProductVariantFieldtype from './components/Fieldtypes/ProductVariantFieldtype.vue'
 import ProductVariantsFildtype from './components/Fieldtypes/ProductVariantsFieldtype.vue'
 
+Statamic.$components.register('coupon-code-fieldtype', CouponCodeFieldtype)
 Statamic.$components.register('coupon-value-fieldtype', CouponValueFieldtype)
 Statamic.$components.register('gateway-fieldtype', GatewayFieldtype)
 Statamic.$components.register('money-fieldtype', MoneyFieldtype)

src/Coupons/CouponBlueprint.php

@@ -50,14 +50,13 @@ public static function getBlueprint(): FieldsBlueprint
                 'display' => 'Main',
                 'fields' => [
                     'code' => [
-                        'type' => 'text',
-                        'localizable' => true,
-                        'generate' => true,
+                        'type' => 'coupon_code',
                         'display' => __('Coupon Code'),
                         'validate' => [
                             'required',
                         ],
                         'listable' => true,
+                        'instructions' => __('Customers will use this code to redeem the coupon.'),
                     ],
                     'description' => [
                         'type' => 'textarea',

src/Fieldtypes/CouponCodeFieldtype.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace DoubleThreeDigital\SimpleCommerce\Fieldtypes;
+
+use Illuminate\Support\Str;
+use Statamic\Fieldtypes\Text;
+
+class CouponCodeFieldtype extends Text
+{
+    protected $selectable = false;
+
+    protected $component = 'coupon-code';
+
+    public function process($data)
+    {
+        return Str::of($data)->upper()->__toString();
+    }
+}

src/ServiceProvider.php

@@ -38,9 +38,10 @@ class ServiceProvider extends AddonServiceProvider
     ];
 
     protected $fieldtypes = [
-        Fieldtypes\CouponValueFieldtype::class,
         Fieldtypes\CountryFieldtype::class,
+        Fieldtypes\CouponCodeFieldtype::class,
         Fieldtypes\CouponFieldtype::class,
+        Fieldtypes\CouponValueFieldtype::class,
         Fieldtypes\GatewayFieldtype::class,
         Fieldtypes\MoneyFieldtype::class,
         Fieldtypes\OrderStatusFieldtype::class,