https://jerichowriters.com/wp-content/themes/jw3.0-live/resources/assets/scripts/forms.js?ver=2

1const selectChevron = `
2<div class="select__icon">
3  <svg xmlns="http://www.w3.org/2000/svg" width="1.6em" height="1.6em" viewBox="0 0 24 16 " fill="currentColor" class="select__icon-svg">
4      <path d="M11 13.18L0 2.24 2.12.11 11 8.95 20 0l2.12 2.13z"></path>
5  </svg>
6</div>
7`;
8
9const buttonSvgs = {
10  small: `
11<svg xmlns="http://www.w3.org/2000/svg"
12     viewBox="0 0 130.2 31.4"
13     fill="currentColor"
14     class="pointed-button-svg__svg pointed-button-svg__svg--default">
15  <path d="M113.705 29.701h-112v-28h112l14.1 14.025z" stroke-miterlimit="10" stroke-width="3.4" />
16</svg>
17<svg xmlns="http://www.w3.org/2000/svg"
18     viewBox="0 0 130.21 31.4"
19     fill="currentColor"
20     class="pointed-button-svg__svg pointed-button-svg__svg--hover">
21    <path d="M114.4 0H0v31.4h114.4l15.81-15.67L114.4 0zM3.4 28V3.4H113l12.39 12.33L113 28H3.4z" />
22</svg>
23`,
24  medium: `
25<svg class="pointed-button-svg__svg pointed-button-svg__svg--default"
26     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160.13 31.4"
27     fill="currentColor">
28     <path d="M143.61 29.7H1.7v-28h141.91l14.1 14.025z" stroke-miterlimit="10" stroke-width="3.4"/>
29</svg>
30
31<svg class="pointed-button-svg__svg pointed-button-svg__svg--hover"
32     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160.13 31.4"
33     fill="currentColor">
34    <path d="M144.31 0H0v31.4h144.31l15.82-15.68L144.31 0zM3.4 28V3.4h139.51l12.39 12.32L142.91 28H3.4z" />
35</svg>
36`,
37  large: `
38<svg class="pointed-button-svg__svg pointed-button-svg__svg--default"
39     xmlns="http://www.w3.org/2000/svg"
40     viewBox="0 0 190.05 31.4"
41     fill="currentColor">
42  <path d="M173.527 29.702H1.7v-28h171.827l14.1 14.025z" stroke-miterlimit="10" stroke-width="3.4"/>
43</svg>
44
45<svg class="pointed-button-svg__svg pointed-button-svg__svg--hover"
46     xmlns="http://www.w3.org/2000/svg"
47     viewBox="0 0 190.05 31.4"
48     fill="currentColor">
49  <path d="M174.23 0H0v31.4h174.23l15.82-15.68L174.23 0zM3.4 28V3.4h169.43l12.39 12.32L172.83 28H3.4z" />
50</svg>
51`,
52  xl: `
53<svg class="pointed-button-svg__svg pointed-button-svg__svg--default"
54     xmlns="http://www.w3.org/2000/svg"
55     viewBox="0 0 212.05 31.4"
56     fill="currentColor">
57  <path d="M195.527 29.702H1.7v-28h171.827l14.1 14.025z" stroke-miterlimit="10" stroke-width="3.4"/>
58</svg>
59
60<svg class="pointed-button-svg__svg pointed-button-svg__svg--hover"
61     xmlns="http://www.w3.org/2000/svg"
62     viewBox="0 0 212.05 31.4"
63     fill="currentColor">
64  <path d="M196.23 0H0v31.4h174.23l15.82-15.68L174.23 0zM3.4 28V3.4h169.43l12.39 12.32L172.83 28H3.4z" />
65</svg>
66`
67}
68
69function makePointedButton(size, text) {
70  return `
71<button class="pointed-button-svg pointed-button-svg--${size}">
72  ${buttonSvgs[size]}
73  <p class="pointed-button-svg__text">
74    ${text}
75  </p>
76</button>
77`
78}
79
80const toggleEl = jQuery(`
81  <span class="jw-toggle__display">
82    <svg class="jw-toggle__svg jw-toggle__svg--on"
83        xmlns="http://www.w3.org/2000/svg"
84        width="31"
85        height="16"

86        viewBox="0 0 31 16"
87    >
88        <path d="M693.727,310.9h-15a7.5,7.5,0,0,0,0,15h15a7.5,7.5,0,0,0,0-15Z"
89              transform="translate(701.727 326.396) rotate(180)" fill="#fff" stroke="#5F6060"
90              stroke-width="1" />
91    </svg>
92    <svg class="jw-toggle__svg jw-toggle__svg--off"
93        xmlns="http://www.w3.org/2000/svg"
94        width="9"
95        height="9"
96        viewBox="0 0 9 9"
97    >
98        <circle cx="4.5" cy="4.5" r="4.5"
99                transform="translate(9 9) rotate(180)" fill="#5F6060"/>
100    </svg>
101  </span>
102`)
103
104jQuery(document).ready(($) => {
105  // Toggle element
106  $('.jw-toggle,.ginput_container_consent,.gfield_checkbox>li').each(function() {
107    const container = $(this)
108
109    $(this).addClass('jw-toggle')
110    $(this)
111      .children('label')
112      .first()
113      .prepend($(`<span class="jw-toggle__box"></span>`))
114
115    $(this).children('input').on('change', function() {
116      if (this.checked) {
117        $(container).find('.jw-toggle__box').addClass('jw-toggle__box--checked')
118      } else {
119        $(container).find('.jw-toggle__box').removeClass('jw-toggle__box--checked')
120      }
121    })
122  })
123
124  // Select element
125  $('.ginput_container_select')
126    .append($(selectChevron))
127    .addClass('select')
128    .children('.gfield_select')
129    .addClass('select__element')
130
131
132})