@iankibetsh/shframework 0.0.1

package/dist/library.mjs

@@ -0,0 +1,3386 @@
+import Axios from 'axios';
+import NProgress from 'nprogress';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, normalizeClass, createBlock, renderSlot, createStaticVNode, withCtx, pushScopeId, popScopeId, createVNode } from 'vue';
+import moment from 'moment';
+import Swal from 'sweetalert2';
+
+function setItem (key, value) {
+  let toStore = value;
+  if (typeof value === 'object') {
+    toStore = JSON.stringify(value);
+  }
+  return localStorage.setItem(key, toStore)
+}
+
+function getItem (key) {
+  return localStorage.getItem(key)
+}
+function removeItem (key) {
+  return localStorage.removeItem(key)
+}
+var shstorage = {
+  setItem,
+  getItem,
+  removeItem
+};
+
+let apiUrl = import.meta.env.VITE_APP_API_URL;
+if (process.env.NODE_ENV === 'production') {
+  apiUrl = import.meta.env.VITE_APP_API_PRODUCTION_URL;
+}
+const axios = Axios.create({
+  baseURL: apiUrl
+});
+function doGet (endPoint, data) {
+  return axios.get(endPoint, {
+    params: data,
+    crossOrigin: true,
+    headers: {
+      Authorization: 'Bearer ' + shstorage.getItem('access_token')
+      // 'X-CSRF-TOKEN': 'INVALID'
+    }
+  })
+}
+function doPost (endPoint, data) {
+  return axios.post(endPoint,
+    data,
+    {
+      headers: {
+        Authorization: 'Bearer ' + shstorage.getItem('access_token')
+      }
+    }
+  )
+}
+
+var apis = {
+  doGet,
+  doPost
+};
+
+const countries = [
+  {
+    name: 'Afghanistan',
+    dialCode: '+93',
+    isoCode: 'AF',
+    flag: 'https://www.countryflags.io/AF/flat/64.png'
+  },
+  {
+    name: 'Aland Islands',
+    dialCode: '+358',
+    isoCode: 'AX',
+    flag: 'https://www.countryflags.io/AX/flat/64.png'
+  },
+  {
+    name: 'Albania',
+    dialCode: '+355',
+    isoCode: 'AL',
+    flag: 'https://www.countryflags.io/AL/flat/64.png'
+  },
+  {
+    name: 'Algeria',
+    dialCode: '+213',
+    isoCode: 'DZ',
+    flag: 'https://www.countryflags.io/DZ/flat/64.png'
+  },
+  {
+    name: 'AmericanSamoa',
+    dialCode: '+1684',
+    isoCode: 'AS',
+    flag: 'https://www.countryflags.io/AS/flat/64.png'
+  },
+  {
+    name: 'Andorra',
+    dialCode: '+376',
+    isoCode: 'AD',
+    flag: 'https://www.countryflags.io/AD/flat/64.png'
+  },
+  {
+    name: 'Angola',
+    dialCode: '+244',
+    isoCode: 'AO',
+    flag: 'https://www.countryflags.io/AO/flat/64.png'
+  },
+  {
+    name: 'Anguilla',
+    dialCode: '+1264',
+    isoCode: 'AI',
+    flag: 'https://www.countryflags.io/AI/flat/64.png'
+  },
+  {
+    name: 'Antarctica',
+    dialCode: '+672',
+    isoCode: 'AQ',
+    flag: 'https://www.countryflags.io/AQ/flat/64.png'
+  },
+  {
+    name: 'Antigua and Barbuda',
+    dialCode: '+1268',
+    isoCode: 'AG',
+    flag: 'https://www.countryflags.io/AG/flat/64.png'
+  },
+  {
+    name: 'Argentina',
+    dialCode: '+54',
+    isoCode: 'AR',
+    flag: 'https://www.countryflags.io/AR/flat/64.png'
+  },
+  {
+    name: 'Armenia',
+    dialCode: '+374',
+    isoCode: 'AM',
+    flag: 'https://www.countryflags.io/AM/flat/64.png'
+  },
+  {
+    name: 'Aruba',
+    dialCode: '+297',
+    isoCode: 'AW',
+    flag: 'https://www.countryflags.io/AW/flat/64.png'
+  },
+  {
+    name: 'Ascension Island',
+    dialCode: '+247',
+    isoCode: 'AC',
+    flag: 'https://cdn.kcak11.com/flags/AC_64.png'
+  },
+  {
+    name: 'Australia',
+    dialCode: '+61',
+    isoCode: 'AU',
+    flag: 'https://www.countryflags.io/AU/flat/64.png'
+  },
+  {
+    name: 'Austria',
+    dialCode: '+43',
+    isoCode: 'AT',
+    flag: 'https://www.countryflags.io/AT/flat/64.png'
+  },
+  {
+    name: 'Azerbaijan',
+    dialCode: '+994',
+    isoCode: 'AZ',
+    flag: 'https://www.countryflags.io/AZ/flat/64.png'
+  },
+  {
+    name: 'Bahamas',
+    dialCode: '+1242',
+    isoCode: 'BS',
+    flag: 'https://www.countryflags.io/BS/flat/64.png'
+  },
+  {
+    name: 'Bahrain',
+    dialCode: '+973',
+    isoCode: 'BH',
+    flag: 'https://www.countryflags.io/BH/flat/64.png'
+  },
+  {
+    name: 'Bangladesh',
+    dialCode: '+880',
+    isoCode: 'BD',
+    flag: 'https://www.countryflags.io/BD/flat/64.png'
+  },
+  {
+    name: 'Barbados',
+    dialCode: '+1246',
+    isoCode: 'BB',
+    flag: 'https://www.countryflags.io/BB/flat/64.png'
+  },
+  {
+    name: 'Belarus',
+    dialCode: '+375',
+    isoCode: 'BY',
+    flag: 'https://www.countryflags.io/BY/flat/64.png'
+  },
+  {
+    name: 'Belgium',
+    dialCode: '+32',
+    isoCode: 'BE',
+    flag: 'https://www.countryflags.io/BE/flat/64.png'
+  },
+  {
+    name: 'Belize',
+    dialCode: '+501',
+    isoCode: 'BZ',
+    flag: 'https://www.countryflags.io/BZ/flat/64.png'
+  },
+  {
+    name: 'Benin',
+    dialCode: '+229',
+    isoCode: 'BJ',
+    flag: 'https://www.countryflags.io/BJ/flat/64.png'
+  },
+  {
+    name: 'Bermuda',
+    dialCode: '+1441',
+    isoCode: 'BM',
+    flag: 'https://www.countryflags.io/BM/flat/64.png'
+  },
+  {
+    name: 'Bhutan',
+    dialCode: '+975',
+    isoCode: 'BT',
+    flag: 'https://www.countryflags.io/BT/flat/64.png'
+  },
+  {
+    name: 'Bolivia',
+    dialCode: '+591',
+    isoCode: 'BO',
+    flag: 'https://www.countryflags.io/BO/flat/64.png'
+  },
+  {
+    name: 'Bosnia and Herzegovina',
+    dialCode: '+387',
+    isoCode: 'BA',
+    flag: 'https://www.countryflags.io/BA/flat/64.png'
+  },
+  {
+    name: 'Botswana',
+    dialCode: '+267',
+    isoCode: 'BW',
+    flag: 'https://www.countryflags.io/BW/flat/64.png'
+  },
+  {
+    name: 'Brazil',
+    dialCode: '+55',
+    isoCode: 'BR',
+    flag: 'https://www.countryflags.io/BR/flat/64.png'
+  },
+  {
+    name: 'British Indian Ocean Territory',
+    dialCode: '+246',
+    isoCode: 'IO',
+    flag: 'https://www.countryflags.io/IO/flat/64.png'
+  },
+  {
+    name: 'Brunei Darussalam',
+    dialCode: '+673',
+    isoCode: 'BN',
+    flag: 'https://www.countryflags.io/BN/flat/64.png'
+  },
+  {
+    name: 'Bulgaria',
+    dialCode: '+359',
+    isoCode: 'BG',
+    flag: 'https://www.countryflags.io/BG/flat/64.png'
+  },
+  {
+    name: 'Burkina Faso',
+    dialCode: '+226',
+    isoCode: 'BF',
+    flag: 'https://www.countryflags.io/BF/flat/64.png'
+  },
+  {
+    name: 'Burundi',
+    dialCode: '+257',
+    isoCode: 'BI',
+    flag: 'https://www.countryflags.io/BI/flat/64.png'
+  },
+  {
+    name: 'Cambodia',
+    dialCode: '+855',
+    isoCode: 'KH',
+    flag: 'https://www.countryflags.io/KH/flat/64.png'
+  },
+  {
+    name: 'Cameroon',
+    dialCode: '+237',
+    isoCode: 'CM',
+    flag: 'https://www.countryflags.io/CM/flat/64.png'
+  },
+  {
+    name: 'Canada',
+    dialCode: '+1',
+    isoCode: 'CA',
+    flag: 'https://www.countryflags.io/CA/flat/64.png'
+  },
+  {
+    name: 'Cape Verde',
+    dialCode: '+238',
+    isoCode: 'CV',
+    flag: 'https://www.countryflags.io/CV/flat/64.png'
+  },
+  {
+    name: 'Cayman Islands',
+    dialCode: '+1345',
+    isoCode: 'KY',
+    flag: 'https://www.countryflags.io/KY/flat/64.png'
+  },
+  {
+    name: 'Central African Republic',
+    dialCode: '+236',
+    isoCode: 'CF',
+    flag: 'https://www.countryflags.io/CF/flat/64.png'
+  },
+  {
+    name: 'Chad',
+    dialCode: '+235',
+    isoCode: 'TD',
+    flag: 'https://www.countryflags.io/TD/flat/64.png'
+  },
+  {
+    name: 'Chile',
+    dialCode: '+56',
+    isoCode: 'CL',
+    flag: 'https://www.countryflags.io/CL/flat/64.png'
+  },
+  {
+    name: 'China',
+    dialCode: '+86',
+    isoCode: 'CN',
+    flag: 'https://www.countryflags.io/CN/flat/64.png'
+  },
+  {
+    name: 'Christmas Island',
+    dialCode: '+61',
+    isoCode: 'CX',
+    flag: 'https://www.countryflags.io/CX/flat/64.png'
+  },
+  {
+    name: 'Cocos (Keeling) Islands',
+    dialCode: '+61',
+    isoCode: 'CC',
+    flag: 'https://www.countryflags.io/CC/flat/64.png'
+  },
+  {
+    name: 'Colombia',
+    dialCode: '+57',
+    isoCode: 'CO',
+    flag: 'https://www.countryflags.io/CO/flat/64.png'
+  },
+  {
+    name: 'Comoros',
+    dialCode: '+269',
+    isoCode: 'KM',
+    flag: 'https://www.countryflags.io/KM/flat/64.png'
+  },
+  {
+    name: 'Congo',
+    dialCode: '+242',
+    isoCode: 'CG',
+    flag: 'https://www.countryflags.io/CG/flat/64.png'
+  },
+  {
+    name: 'Cook Islands',
+    dialCode: '+682',
+    isoCode: 'CK',
+    flag: 'https://www.countryflags.io/CK/flat/64.png'
+  },
+  {
+    name: 'Costa Rica',
+    dialCode: '+506',
+    isoCode: 'CR',
+    flag: 'https://www.countryflags.io/CR/flat/64.png'
+  },
+  {
+    name: 'Croatia',
+    dialCode: '+385',
+    isoCode: 'HR',
+    flag: 'https://www.countryflags.io/HR/flat/64.png'
+  },
+  {
+    name: 'Cuba',
+    dialCode: '+53',
+    isoCode: 'CU',
+    flag: 'https://www.countryflags.io/CU/flat/64.png'
+  },
+  {
+    name: 'Cyprus',
+    dialCode: '+357',
+    isoCode: 'CY',
+    flag: 'https://www.countryflags.io/CY/flat/64.png'
+  },
+  {
+    name: 'Czech Republic',
+    dialCode: '+420',
+    isoCode: 'CZ',
+    flag: 'https://www.countryflags.io/CZ/flat/64.png'
+  },
+  {
+    name: 'Democratic Republic of the Congo',
+    dialCode: '+243',
+    isoCode: 'CD',
+    flag: 'https://www.countryflags.io/CD/flat/64.png'
+  },
+  {
+    name: 'Denmark',
+    dialCode: '+45',
+    isoCode: 'DK',
+    flag: 'https://www.countryflags.io/DK/flat/64.png'
+  },
+  {
+    name: 'Djibouti',
+    dialCode: '+253',
+    isoCode: 'DJ',
+    flag: 'https://www.countryflags.io/DJ/flat/64.png'
+  },
+  {
+    name: 'Dominica',
+    dialCode: '+1767',
+    isoCode: 'DM',
+    flag: 'https://www.countryflags.io/DM/flat/64.png'
+  },
+  {
+    name: 'Dominican Republic',
+    dialCode: '+1849',
+    isoCode: 'DO',
+    flag: 'https://www.countryflags.io/DO/flat/64.png'
+  },
+  {
+    name: 'Ecuador',
+    dialCode: '+593',
+    isoCode: 'EC',
+    flag: 'https://www.countryflags.io/EC/flat/64.png'
+  },
+  {
+    name: 'Egypt',
+    dialCode: '+20',
+    isoCode: 'EG',
+    flag: 'https://www.countryflags.io/EG/flat/64.png'
+  },
+  {
+    name: 'El Salvador',
+    dialCode: '+503',
+    isoCode: 'SV',
+    flag: 'https://www.countryflags.io/SV/flat/64.png'
+  },
+  {
+    name: 'Equatorial Guinea',
+    dialCode: '+240',
+    isoCode: 'GQ',
+    flag: 'https://www.countryflags.io/GQ/flat/64.png'
+  },
+  {
+    name: 'Eritrea',
+    dialCode: '+291',
+    isoCode: 'ER',
+    flag: 'https://www.countryflags.io/ER/flat/64.png'
+  },
+  {
+    name: 'Estonia',
+    dialCode: '+372',
+    isoCode: 'EE',
+    flag: 'https://www.countryflags.io/EE/flat/64.png'
+  },
+  {
+    name: 'Eswatini',
+    dialCode: '+268',
+    isoCode: 'SZ',
+    flag: 'https://www.countryflags.io/SZ/flat/64.png'
+  },
+  {
+    name: 'Ethiopia',
+    dialCode: '+251',
+    isoCode: 'ET',
+    flag: 'https://www.countryflags.io/ET/flat/64.png'
+  },
+  {
+    name: 'Falkland Islands (Malvinas)',
+    dialCode: '+500',
+    isoCode: 'FK',
+    flag: 'https://www.countryflags.io/FK/flat/64.png'
+  },
+  {
+    name: 'Faroe Islands',
+    dialCode: '+298',
+    isoCode: 'FO',
+    flag: 'https://www.countryflags.io/FO/flat/64.png'
+  },
+  {
+    name: 'Fiji',
+    dialCode: '+679',
+    isoCode: 'FJ',
+    flag: 'https://www.countryflags.io/FJ/flat/64.png'
+  },
+  {
+    name: 'Finland',
+    dialCode: '+358',
+    isoCode: 'FI',
+    flag: 'https://www.countryflags.io/FI/flat/64.png'
+  },
+  {
+    name: 'France',
+    dialCode: '+33',
+    isoCode: 'FR',
+    flag: 'https://www.countryflags.io/FR/flat/64.png'
+  },
+  {
+    name: 'French Guiana',
+    dialCode: '+594',
+    isoCode: 'GF',
+    flag: 'https://www.countryflags.io/GF/flat/64.png'
+  },
+  {
+    name: 'French Polynesia',
+    dialCode: '+689',
+    isoCode: 'PF',
+    flag: 'https://www.countryflags.io/PF/flat/64.png'
+  },
+  {
+    name: 'Gabon',
+    dialCode: '+241',
+    isoCode: 'GA',
+    flag: 'https://www.countryflags.io/GA/flat/64.png'
+  },
+  {
+    name: 'Gambia',
+    dialCode: '+220',
+    isoCode: 'GM',
+    flag: 'https://www.countryflags.io/GM/flat/64.png'
+  },
+  {
+    name: 'Georgia',
+    dialCode: '+995',
+    isoCode: 'GE',
+    flag: 'https://www.countryflags.io/GE/flat/64.png'
+  },
+  {
+    name: 'Germany',
+    dialCode: '+49',
+    isoCode: 'DE',
+    flag: 'https://www.countryflags.io/DE/flat/64.png'
+  },
+  {
+    name: 'Ghana',
+    dialCode: '+233',
+    isoCode: 'GH',
+    flag: 'https://www.countryflags.io/GH/flat/64.png'
+  },
+  {
+    name: 'Gibraltar',
+    dialCode: '+350',
+    isoCode: 'GI',
+    flag: 'https://www.countryflags.io/GI/flat/64.png'
+  },
+  {
+    name: 'Greece',
+    dialCode: '+30',
+    isoCode: 'GR',
+    flag: 'https://www.countryflags.io/GR/flat/64.png'
+  },
+  {
+    name: 'Greenland',
+    dialCode: '+299',
+    isoCode: 'GL',
+    flag: 'https://www.countryflags.io/GL/flat/64.png'
+  },
+  {
+    name: 'Grenada',
+    dialCode: '+1473',
+    isoCode: 'GD',
+    flag: 'https://www.countryflags.io/GD/flat/64.png'
+  },
+  {
+    name: 'Guadeloupe',
+    dialCode: '+590',
+    isoCode: 'GP',
+    flag: 'https://www.countryflags.io/GP/flat/64.png'
+  },
+  {
+    name: 'Guam',
+    dialCode: '+1671',
+    isoCode: 'GU',
+    flag: 'https://www.countryflags.io/GU/flat/64.png'
+  },
+  {
+    name: 'Guatemala',
+    dialCode: '+502',
+    isoCode: 'GT',
+    flag: 'https://www.countryflags.io/GT/flat/64.png'
+  },
+  {
+    name: 'Guernsey',
+    dialCode: '+44',
+    isoCode: 'GG',
+    flag: 'https://www.countryflags.io/GG/flat/64.png'
+  },
+  {
+    name: 'Guinea',
+    dialCode: '+224',
+    isoCode: 'GN',
+    flag: 'https://www.countryflags.io/GN/flat/64.png'
+  },
+  {
+    name: 'Guinea-Bissau',
+    dialCode: '+245',
+    isoCode: 'GW',
+    flag: 'https://www.countryflags.io/GW/flat/64.png'
+  },
+  {
+    name: 'Guyana',
+    dialCode: '+592',
+    isoCode: 'GY',
+    flag: 'https://www.countryflags.io/GY/flat/64.png'
+  },
+  {
+    name: 'Haiti',
+    dialCode: '+509',
+    isoCode: 'HT',
+    flag: 'https://www.countryflags.io/HT/flat/64.png'
+  },
+  {
+    name: 'Holy See (Vatican City State)',
+    dialCode: '+379',
+    isoCode: 'VA',
+    flag: 'https://www.countryflags.io/VA/flat/64.png'
+  },
+  {
+    name: 'Honduras',
+    dialCode: '+504',
+    isoCode: 'HN',
+    flag: 'https://www.countryflags.io/HN/flat/64.png'
+  },
+  {
+    name: 'Hong Kong',
+    dialCode: '+852',
+    isoCode: 'HK',
+    flag: 'https://www.countryflags.io/HK/flat/64.png'
+  },
+  {
+    name: 'Hungary',
+    dialCode: '+36',
+    isoCode: 'HU',
+    flag: 'https://www.countryflags.io/HU/flat/64.png'
+  },
+  {
+    name: 'Iceland',
+    dialCode: '+354',
+    isoCode: 'IS',
+    flag: 'https://www.countryflags.io/IS/flat/64.png'
+  },
+  {
+    name: 'India',
+    dialCode: '+91',
+    isoCode: 'IN',
+    flag: 'https://www.countryflags.io/IN/flat/64.png'
+  },
+  {
+    name: 'Indonesia',
+    dialCode: '+62',
+    isoCode: 'ID',
+    flag: 'https://www.countryflags.io/ID/flat/64.png'
+  },
+  {
+    name: 'Iran',
+    dialCode: '+98',
+    isoCode: 'IR',
+    flag: 'https://www.countryflags.io/IR/flat/64.png'
+  },
+  {
+    name: 'Iraq',
+    dialCode: '+964',
+    isoCode: 'IQ',
+    flag: 'https://www.countryflags.io/IQ/flat/64.png'
+  },
+  {
+    name: 'Ireland',
+    dialCode: '+353',
+    isoCode: 'IE',
+    flag: 'https://www.countryflags.io/IE/flat/64.png'
+  },
+  {
+    name: 'Isle of Man',
+    dialCode: '+44',
+    isoCode: 'IM',
+    flag: 'https://www.countryflags.io/IM/flat/64.png'
+  },
+  {
+    name: 'Israel',
+    dialCode: '+972',
+    isoCode: 'IL',
+    flag: 'https://www.countryflags.io/IL/flat/64.png'
+  },
+  {
+    name: 'Italy',
+    dialCode: '+39',
+    isoCode: 'IT',
+    flag: 'https://www.countryflags.io/IT/flat/64.png'
+  },
+  {
+    name: 'Ivory Coast / Cote d\'Ivoire',
+    dialCode: '+225',
+    isoCode: 'CI',
+    flag: 'https://www.countryflags.io/CI/flat/64.png'
+  },
+  {
+    name: 'Jamaica',
+    dialCode: '+1876',
+    isoCode: 'JM',
+    flag: 'https://www.countryflags.io/JM/flat/64.png'
+  },
+  {
+    name: 'Japan',
+    dialCode: '+81',
+    isoCode: 'JP',
+    flag: 'https://www.countryflags.io/JP/flat/64.png'
+  },
+  {
+    name: 'Jersey',
+    dialCode: '+44',
+    isoCode: 'JE',
+    flag: 'https://www.countryflags.io/JE/flat/64.png'
+  },
+  {
+    name: 'Jordan',
+    dialCode: '+962',
+    isoCode: 'JO',
+    flag: 'https://www.countryflags.io/JO/flat/64.png'
+  },
+  {
+    name: 'Kazakhstan',
+    dialCode: '+77',
+    isoCode: 'KZ',
+    flag: 'https://www.countryflags.io/KZ/flat/64.png'
+  },
+  {
+    name: 'Kenya',
+    dialCode: '+254',
+    isoCode: 'KE',
+    flag: 'https://www.countryflags.io/KE/flat/64.png'
+  },
+  {
+    name: 'Kiribati',
+    dialCode: '+686',
+    isoCode: 'KI',
+    flag: 'https://www.countryflags.io/KI/flat/64.png'
+  },
+  {
+    name: 'Korea, Democratic People\'s Republic of Korea',
+    dialCode: '+850',
+    isoCode: 'KP',
+    flag: 'https://www.countryflags.io/KP/flat/64.png'
+  },
+  {
+    name: 'Korea, Republic of South Korea',
+    dialCode: '+82',
+    isoCode: 'KR',
+    flag: 'https://www.countryflags.io/KR/flat/64.png'
+  },
+  {
+    name: 'Kosovo',
+    dialCode: '+383',
+    isoCode: 'XK',
+    flag: 'https://www.countryflags.io/XK/flat/64.png'
+  },
+  {
+    name: 'Kuwait',
+    dialCode: '+965',
+    isoCode: 'KW',
+    flag: 'https://www.countryflags.io/KW/flat/64.png'
+  },
+  {
+    name: 'Kyrgyzstan',
+    dialCode: '+996',
+    isoCode: 'KG',
+    flag: 'https://www.countryflags.io/KG/flat/64.png'
+  },
+  {
+    name: 'Laos',
+    dialCode: '+856',
+    isoCode: 'LA',
+    flag: 'https://www.countryflags.io/LA/flat/64.png'
+  },
+  {
+    name: 'Latvia',
+    dialCode: '+371',
+    isoCode: 'LV',
+    flag: 'https://www.countryflags.io/LV/flat/64.png'
+  },
+  {
+    name: 'Lebanon',
+    dialCode: '+961',
+    isoCode: 'LB',
+    flag: 'https://www.countryflags.io/LB/flat/64.png'
+  },
+  {
+    name: 'Lesotho',
+    dialCode: '+266',
+    isoCode: 'LS',
+    flag: 'https://www.countryflags.io/LS/flat/64.png'
+  },
+  {
+    name: 'Liberia',
+    dialCode: '+231',
+    isoCode: 'LR',
+    flag: 'https://www.countryflags.io/LR/flat/64.png'
+  },
+  {
+    name: 'Libya',
+    dialCode: '+218',
+    isoCode: 'LY',
+    flag: 'https://www.countryflags.io/LY/flat/64.png'
+  },
+  {
+    name: 'Liechtenstein',
+    dialCode: '+423',
+    isoCode: 'LI',
+    flag: 'https://www.countryflags.io/LI/flat/64.png'
+  },
+  {
+    name: 'Lithuania',
+    dialCode: '+370',
+    isoCode: 'LT',
+    flag: 'https://www.countryflags.io/LT/flat/64.png'
+  },
+  {
+    name: 'Luxembourg',
+    dialCode: '+352',
+    isoCode: 'LU',
+    flag: 'https://www.countryflags.io/LU/flat/64.png'
+  },
+  {
+    name: 'Macau',
+    dialCode: '+853',
+    isoCode: 'MO',
+    flag: 'https://www.countryflags.io/MO/flat/64.png'
+  },
+  {
+    name: 'Madagascar',
+    dialCode: '+261',
+    isoCode: 'MG',
+    flag: 'https://www.countryflags.io/MG/flat/64.png'
+  },
+  {
+    name: 'Malawi',
+    dialCode: '+265',
+    isoCode: 'MW',
+    flag: 'https://www.countryflags.io/MW/flat/64.png'
+  },
+  {
+    name: 'Malaysia',
+    dialCode: '+60',
+    isoCode: 'MY',
+    flag: 'https://www.countryflags.io/MY/flat/64.png'
+  },
+  {
+    name: 'Maldives',
+    dialCode: '+960',
+    isoCode: 'MV',
+    flag: 'https://www.countryflags.io/MV/flat/64.png'
+  },
+  {
+    name: 'Mali',
+    dialCode: '+223',
+    isoCode: 'ML',
+    flag: 'https://www.countryflags.io/ML/flat/64.png'
+  },
+  {
+    name: 'Malta',
+    dialCode: '+356',
+    isoCode: 'MT',
+    flag: 'https://www.countryflags.io/MT/flat/64.png'
+  },
+  {
+    name: 'Marshall Islands',
+    dialCode: '+692',
+    isoCode: 'MH',
+    flag: 'https://www.countryflags.io/MH/flat/64.png'
+  },
+  {
+    name: 'Martinique',
+    dialCode: '+596',
+    isoCode: 'MQ',
+    flag: 'https://www.countryflags.io/MQ/flat/64.png'
+  },
+  {
+    name: 'Mauritania',
+    dialCode: '+222',
+    isoCode: 'MR',
+    flag: 'https://www.countryflags.io/MR/flat/64.png'
+  },
+  {
+    name: 'Mauritius',
+    dialCode: '+230',
+    isoCode: 'MU',
+    flag: 'https://www.countryflags.io/MU/flat/64.png'
+  },
+  {
+    name: 'Mayotte',
+    dialCode: '+262',
+    isoCode: 'YT',
+    flag: 'https://www.countryflags.io/YT/flat/64.png'
+  },
+  {
+    name: 'Mexico',
+    dialCode: '+52',
+    isoCode: 'MX',
+    flag: 'https://www.countryflags.io/MX/flat/64.png'
+  },
+  {
+    name: 'Micronesia, Federated States of Micronesia',
+    dialCode: '+691',
+    isoCode: 'FM',
+    flag: 'https://www.countryflags.io/FM/flat/64.png'
+  },
+  {
+    name: 'Moldova',
+    dialCode: '+373',
+    isoCode: 'MD',
+    flag: 'https://www.countryflags.io/MD/flat/64.png'
+  },
+  {
+    name: 'Monaco',
+    dialCode: '+377',
+    isoCode: 'MC',
+    flag: 'https://www.countryflags.io/MC/flat/64.png'
+  },
+  {
+    name: 'Mongolia',
+    dialCode: '+976',
+    isoCode: 'MN',
+    flag: 'https://www.countryflags.io/MN/flat/64.png'
+  },
+  {
+    name: 'Montenegro',
+    dialCode: '+382',
+    isoCode: 'ME',
+    flag: 'https://www.countryflags.io/ME/flat/64.png'
+  },
+  {
+    name: 'Montserrat',
+    dialCode: '+1664',
+    isoCode: 'MS',
+    flag: 'https://www.countryflags.io/MS/flat/64.png'
+  },
+  {
+    name: 'Morocco',
+    dialCode: '+212',
+    isoCode: 'MA',
+    flag: 'https://www.countryflags.io/MA/flat/64.png'
+  },
+  {
+    name: 'Mozambique',
+    dialCode: '+258',
+    isoCode: 'MZ',
+    flag: 'https://www.countryflags.io/MZ/flat/64.png'
+  },
+  {
+    name: 'Myanmar',
+    dialCode: '+95',
+    isoCode: 'MM',
+    flag: 'https://www.countryflags.io/MM/flat/64.png'
+  },
+  {
+    name: 'Namibia',
+    dialCode: '+264',
+    isoCode: 'NA',
+    flag: 'https://www.countryflags.io/NA/flat/64.png'
+  },
+  {
+    name: 'Nauru',
+    dialCode: '+674',
+    isoCode: 'NR',
+    flag: 'https://www.countryflags.io/NR/flat/64.png'
+  },
+  {
+    name: 'Nepal',
+    dialCode: '+977',
+    isoCode: 'NP',
+    flag: 'https://www.countryflags.io/NP/flat/64.png'
+  },
+  {
+    name: 'Netherlands',
+    dialCode: '+31',
+    isoCode: 'NL',
+    flag: 'https://www.countryflags.io/NL/flat/64.png'
+  },
+  {
+    name: 'Netherlands Antilles',
+    dialCode: '+599',
+    isoCode: 'AN',
+    flag: 'https://www.countryflags.io/AN/flat/64.png'
+  },
+  {
+    name: 'New Caledonia',
+    dialCode: '+687',
+    isoCode: 'NC',
+    flag: 'https://www.countryflags.io/NC/flat/64.png'
+  },
+  {
+    name: 'New Zealand',
+    dialCode: '+64',
+    isoCode: 'NZ',
+    flag: 'https://www.countryflags.io/NZ/flat/64.png'
+  },
+  {
+    name: 'Nicaragua',
+    dialCode: '+505',
+    isoCode: 'NI',
+    flag: 'https://www.countryflags.io/NI/flat/64.png'
+  },
+  {
+    name: 'Niger',
+    dialCode: '+227',
+    isoCode: 'NE',
+    flag: 'https://www.countryflags.io/NE/flat/64.png'
+  },
+  {
+    name: 'Nigeria',
+    dialCode: '+234',
+    isoCode: 'NG',
+    flag: 'https://www.countryflags.io/NG/flat/64.png'
+  },
+  {
+    name: 'Niue',
+    dialCode: '+683',
+    isoCode: 'NU',
+    flag: 'https://www.countryflags.io/NU/flat/64.png'
+  },
+  {
+    name: 'Norfolk Island',
+    dialCode: '+672',
+    isoCode: 'NF',
+    flag: 'https://www.countryflags.io/NF/flat/64.png'
+  },
+  {
+    name: 'North Macedonia',
+    dialCode: '+389',
+    isoCode: 'MK',
+    flag: 'https://www.countryflags.io/MK/flat/64.png'
+  },
+  {
+    name: 'Northern Mariana Islands',
+    dialCode: '+1670',
+    isoCode: 'MP',
+    flag: 'https://www.countryflags.io/MP/flat/64.png'
+  },
+  {
+    name: 'Norway',
+    dialCode: '+47',
+    isoCode: 'NO',
+    flag: 'https://www.countryflags.io/NO/flat/64.png'
+  },
+  {
+    name: 'Oman',
+    dialCode: '+968',
+    isoCode: 'OM',
+    flag: 'https://www.countryflags.io/OM/flat/64.png'
+  },
+  {
+    name: 'Pakistan',
+    dialCode: '+92',
+    isoCode: 'PK',
+    flag: 'https://www.countryflags.io/PK/flat/64.png'
+  },
+  {
+    name: 'Palau',
+    dialCode: '+680',
+    isoCode: 'PW',
+    flag: 'https://www.countryflags.io/PW/flat/64.png'
+  },
+  {
+    name: 'Palestine',
+    dialCode: '+970',
+    isoCode: 'PS',
+    flag: 'https://www.countryflags.io/PS/flat/64.png'
+  },
+  {
+    name: 'Panama',
+    dialCode: '+507',
+    isoCode: 'PA',
+    flag: 'https://www.countryflags.io/PA/flat/64.png'
+  },
+  {
+    name: 'Papua New Guinea',
+    dialCode: '+675',
+    isoCode: 'PG',
+    flag: 'https://www.countryflags.io/PG/flat/64.png'
+  },
+  {
+    name: 'Paraguay',
+    dialCode: '+595',
+    isoCode: 'PY',
+    flag: 'https://www.countryflags.io/PY/flat/64.png'
+  },
+  {
+    name: 'Peru',
+    dialCode: '+51',
+    isoCode: 'PE',
+    flag: 'https://www.countryflags.io/PE/flat/64.png'
+  },
+  {
+    name: 'Philippines',
+    dialCode: '+63',
+    isoCode: 'PH',
+    flag: 'https://www.countryflags.io/PH/flat/64.png'
+  },
+  {
+    name: 'Pitcairn',
+    dialCode: '+872',
+    isoCode: 'PN',
+    flag: 'https://www.countryflags.io/PN/flat/64.png'
+  },
+  {
+    name: 'Poland',
+    dialCode: '+48',
+    isoCode: 'PL',
+    flag: 'https://www.countryflags.io/PL/flat/64.png'
+  },
+  {
+    name: 'Portugal',
+    dialCode: '+351',
+    isoCode: 'PT',
+    flag: 'https://www.countryflags.io/PT/flat/64.png'
+  },
+  {
+    name: 'Puerto Rico',
+    dialCode: '+1939',
+    isoCode: 'PR',
+    flag: 'https://www.countryflags.io/PR/flat/64.png'
+  },
+  {
+    name: 'Qatar',
+    dialCode: '+974',
+    isoCode: 'QA',
+    flag: 'https://www.countryflags.io/QA/flat/64.png'
+  },
+  {
+    name: 'Reunion',
+    dialCode: '+262',
+    isoCode: 'RE',
+    flag: 'https://www.countryflags.io/RE/flat/64.png'
+  },
+  {
+    name: 'Romania',
+    dialCode: '+40',
+    isoCode: 'RO',
+    flag: 'https://www.countryflags.io/RO/flat/64.png'
+  },
+  {
+    name: 'Russia',
+    dialCode: '+7',
+    isoCode: 'RU',
+    flag: 'https://www.countryflags.io/RU/flat/64.png'
+  },
+  {
+    name: 'Rwanda',
+    dialCode: '+250',
+    isoCode: 'RW',
+    flag: 'https://www.countryflags.io/RW/flat/64.png'
+  },
+  {
+    name: 'Saint Barthelemy',
+    dialCode: '+590',
+    isoCode: 'BL',
+    flag: 'https://www.countryflags.io/BL/flat/64.png'
+  },
+  {
+    name: 'Saint Helena, Ascension and Tristan Da Cunha',
+    dialCode: '+290',
+    isoCode: 'SH',
+    flag: 'https://www.countryflags.io/SH/flat/64.png'
+  },
+  {
+    name: 'Saint Kitts and Nevis',
+    dialCode: '+1869',
+    isoCode: 'KN',
+    flag: 'https://www.countryflags.io/KN/flat/64.png'
+  },
+  {
+    name: 'Saint Lucia',
+    dialCode: '+1758',
+    isoCode: 'LC',
+    flag: 'https://www.countryflags.io/LC/flat/64.png'
+  },
+  {
+    name: 'Saint Martin',
+    dialCode: '+590',
+    isoCode: 'MF',
+    flag: 'https://www.countryflags.io/MF/flat/64.png'
+  },
+  {
+    name: 'Saint Pierre and Miquelon',
+    dialCode: '+508',
+    isoCode: 'PM',
+    flag: 'https://www.countryflags.io/PM/flat/64.png'
+  },
+  {
+    name: 'Saint Vincent and the Grenadines',
+    dialCode: '+1784',
+    isoCode: 'VC',
+    flag: 'https://www.countryflags.io/VC/flat/64.png'
+  },
+  {
+    name: 'Samoa',
+    dialCode: '+685',
+    isoCode: 'WS',
+    flag: 'https://www.countryflags.io/WS/flat/64.png'
+  },
+  {
+    name: 'San Marino',
+    dialCode: '+378',
+    isoCode: 'SM',
+    flag: 'https://www.countryflags.io/SM/flat/64.png'
+  },
+  {
+    name: 'Sao Tome and Principe',
+    dialCode: '+239',
+    isoCode: 'ST',
+    flag: 'https://www.countryflags.io/ST/flat/64.png'
+  },
+  {
+    name: 'Saudi Arabia',
+    dialCode: '+966',
+    isoCode: 'SA',
+    flag: 'https://www.countryflags.io/SA/flat/64.png'
+  },
+  {
+    name: 'Senegal',
+    dialCode: '+221',
+    isoCode: 'SN',
+    flag: 'https://www.countryflags.io/SN/flat/64.png'
+  },
+  {
+    name: 'Serbia',
+    dialCode: '+381',
+    isoCode: 'RS',
+    flag: 'https://www.countryflags.io/RS/flat/64.png'
+  },
+  {
+    name: 'Seychelles',
+    dialCode: '+248',
+    isoCode: 'SC',
+    flag: 'https://www.countryflags.io/SC/flat/64.png'
+  },
+  {
+    name: 'Sierra Leone',
+    dialCode: '+232',
+    isoCode: 'SL',
+    flag: 'https://www.countryflags.io/SL/flat/64.png'
+  },
+  {
+    name: 'Singapore',
+    dialCode: '+65',
+    isoCode: 'SG',
+    flag: 'https://www.countryflags.io/SG/flat/64.png'
+  },
+  {
+    name: 'Sint Maarten',
+    dialCode: '+1721',
+    isoCode: 'SX',
+    flag: 'https://www.countryflags.io/SX/flat/64.png'
+  },
+  {
+    name: 'Slovakia',
+    dialCode: '+421',
+    isoCode: 'SK',
+    flag: 'https://www.countryflags.io/SK/flat/64.png'
+  },
+  {
+    name: 'Slovenia',
+    dialCode: '+386',
+    isoCode: 'SI',
+    flag: 'https://www.countryflags.io/SI/flat/64.png'
+  },
+  {
+    name: 'Solomon Islands',
+    dialCode: '+677',
+    isoCode: 'SB',
+    flag: 'https://www.countryflags.io/SB/flat/64.png'
+  },
+  {
+    name: 'Somalia',
+    dialCode: '+252',
+    isoCode: 'SO',
+    flag: 'https://www.countryflags.io/SO/flat/64.png'
+  },
+  {
+    name: 'South Africa',
+    dialCode: '+27',
+    isoCode: 'ZA',
+    flag: 'https://www.countryflags.io/ZA/flat/64.png'
+  },
+  {
+    name: 'South Georgia and the South Sandwich Islands',
+    dialCode: '+500',
+    isoCode: 'GS',
+    flag: 'https://www.countryflags.io/GS/flat/64.png'
+  },
+  {
+    name: 'South Sudan',
+    dialCode: '+211',
+    isoCode: 'SS',
+    flag: 'https://www.countryflags.io/SS/flat/64.png'
+  },
+  {
+    name: 'Spain',
+    dialCode: '+34',
+    isoCode: 'ES',
+    flag: 'https://www.countryflags.io/ES/flat/64.png'
+  },
+  {
+    name: 'Sri Lanka',
+    dialCode: '+94',
+    isoCode: 'LK',
+    flag: 'https://www.countryflags.io/LK/flat/64.png'
+  },
+  {
+    name: 'Sudan',
+    dialCode: '+249',
+    isoCode: 'SD',
+    flag: 'https://www.countryflags.io/SD/flat/64.png'
+  },
+  {
+    name: 'Suriname',
+    dialCode: '+597',
+    isoCode: 'SR',
+    flag: 'https://www.countryflags.io/SR/flat/64.png'
+  },
+  {
+    name: 'Svalbard and Jan Mayen',
+    dialCode: '+47',
+    isoCode: 'SJ',
+    flag: 'https://www.countryflags.io/SJ/flat/64.png'
+  },
+  {
+    name: 'Sweden',
+    dialCode: '+46',
+    isoCode: 'SE',
+    flag: 'https://www.countryflags.io/SE/flat/64.png'
+  },
+  {
+    name: 'Switzerland',
+    dialCode: '+41',
+    isoCode: 'CH',
+    flag: 'https://www.countryflags.io/CH/flat/64.png'
+  },
+  {
+    name: 'Syrian Arab Republic',
+    dialCode: '+963',
+    isoCode: 'SY',
+    flag: 'https://www.countryflags.io/SY/flat/64.png'
+  },
+  {
+    name: 'Taiwan',
+    dialCode: '+886',
+    isoCode: 'TW',
+    flag: 'https://www.countryflags.io/TW/flat/64.png'
+  },
+  {
+    name: 'Tajikistan',
+    dialCode: '+992',
+    isoCode: 'TJ',
+    flag: 'https://www.countryflags.io/TJ/flat/64.png'
+  },
+  {
+    name: 'Tanzania, United Republic of Tanzania',
+    dialCode: '+255',
+    isoCode: 'TZ',
+    flag: 'https://www.countryflags.io/TZ/flat/64.png'
+  },
+  {
+    name: 'Thailand',
+    dialCode: '+66',
+    isoCode: 'TH',
+    flag: 'https://www.countryflags.io/TH/flat/64.png'
+  },
+  {
+    name: 'Timor-Leste',
+    dialCode: '+670',
+    isoCode: 'TL',
+    flag: 'https://www.countryflags.io/TL/flat/64.png'
+  },
+  {
+    name: 'Togo',
+    dialCode: '+228',
+    isoCode: 'TG',
+    flag: 'https://www.countryflags.io/TG/flat/64.png'
+  },
+  {
+    name: 'Tokelau',
+    dialCode: '+690',
+    isoCode: 'TK',
+    flag: 'https://www.countryflags.io/TK/flat/64.png'
+  },
+  {
+    name: 'Tonga',
+    dialCode: '+676',
+    isoCode: 'TO',
+    flag: 'https://www.countryflags.io/TO/flat/64.png'
+  },
+  {
+    name: 'Trinidad and Tobago',
+    dialCode: '+1868',
+    isoCode: 'TT',
+    flag: 'https://www.countryflags.io/TT/flat/64.png'
+  },
+  {
+    name: 'Tunisia',
+    dialCode: '+216',
+    isoCode: 'TN',
+    flag: 'https://www.countryflags.io/TN/flat/64.png'
+  },
+  {
+    name: 'Turkey',
+    dialCode: '+90',
+    isoCode: 'TR',
+    flag: 'https://www.countryflags.io/TR/flat/64.png'
+  },
+  {
+    name: 'Turkmenistan',
+    dialCode: '+993',
+    isoCode: 'TM',
+    flag: 'https://www.countryflags.io/TM/flat/64.png'
+  },
+  {
+    name: 'Turks and Caicos Islands',
+    dialCode: '+1649',
+    isoCode: 'TC',
+    flag: 'https://www.countryflags.io/TC/flat/64.png'
+  },
+  {
+    name: 'Tuvalu',
+    dialCode: '+688',
+    isoCode: 'TV',
+    flag: 'https://www.countryflags.io/TV/flat/64.png'
+  },
+  {
+    name: 'Uganda',
+    dialCode: '+256',
+    isoCode: 'UG',
+    flag: 'https://www.countryflags.io/UG/flat/64.png'
+  },
+  {
+    name: 'Ukraine',
+    dialCode: '+380',
+    isoCode: 'UA',
+    flag: 'https://www.countryflags.io/UA/flat/64.png'
+  },
+  {
+    name: 'United Arab Emirates',
+    dialCode: '+971',
+    isoCode: 'AE',
+    flag: 'https://www.countryflags.io/AE/flat/64.png'
+  },
+  {
+    name: 'United Kingdom',
+    dialCode: '+44',
+    isoCode: 'GB',
+    flag: 'https://www.countryflags.io/GB/flat/64.png'
+  },
+  {
+    name: 'United States',
+    dialCode: '+1',
+    isoCode: 'US',
+    flag: 'https://www.countryflags.io/US/flat/64.png'
+  },
+  {
+    name: 'Uruguay',
+    dialCode: '+598',
+    isoCode: 'UY',
+    flag: 'https://www.countryflags.io/UY/flat/64.png'
+  },
+  {
+    name: 'Uzbekistan',
+    dialCode: '+998',
+    isoCode: 'UZ',
+    flag: 'https://www.countryflags.io/UZ/flat/64.png'
+  },
+  {
+    name: 'Vanuatu',
+    dialCode: '+678',
+    isoCode: 'VU',
+    flag: 'https://www.countryflags.io/VU/flat/64.png'
+  },
+  {
+    name: 'Venezuela, Bolivarian Republic of Venezuela',
+    dialCode: '+58',
+    isoCode: 'VE',
+    flag: 'https://www.countryflags.io/VE/flat/64.png'
+  },
+  {
+    name: 'Vietnam',
+    dialCode: '+84',
+    isoCode: 'VN',
+    flag: 'https://www.countryflags.io/VN/flat/64.png'
+  },
+  {
+    name: 'Virgin Islands, British',
+    dialCode: '+1284',
+    isoCode: 'VG',
+    flag: 'https://www.countryflags.io/VG/flat/64.png'
+  },
+  {
+    name: 'Virgin Islands, U.S.',
+    dialCode: '+1340',
+    isoCode: 'VI',
+    flag: 'https://www.countryflags.io/VI/flat/64.png'
+  },
+  {
+    name: 'Wallis and Futuna',
+    dialCode: '+681',
+    isoCode: 'WF',
+    flag: 'https://www.countryflags.io/WF/flat/64.png'
+  },
+  {
+    name: 'Yemen',
+    dialCode: '+967',
+    isoCode: 'YE',
+    flag: 'https://www.countryflags.io/YE/flat/64.png'
+  },
+  {
+    name: 'Zambia',
+    dialCode: '+260',
+    isoCode: 'ZM',
+    flag: 'https://www.countryflags.io/ZM/flat/64.png'
+  },
+  {
+    name: 'Zimbabwe',
+    dialCode: '+263',
+    isoCode: 'ZW',
+    flag: 'https://www.countryflags.io/ZW/flat/64.png'
+  }
+];
+
+var script$6 = {
+  name: 'ShPhone',
+  props: ['modelValue', 'country_code'],
+  data () {
+    return {
+      input: this.modelValue,
+      countries: countries,
+      selectedCountry: {
+        name: 'Kenya',
+        dialCode: '+254',
+        isoCode: 'KE',
+        flag: 'https://www.countryflags.io/KE/flat/64.png'
+      },
+      flag: import.meta.env.VITE_APP_HOME_URL + 'flags/ke.svg',
+      appUrl: import.meta.env.VITE_APP_HOME_URL
+    }
+  },
+  updated () {
+    if (!this.selectedCountry || !this.input) ;
+  },
+  mounted () {
+    this.setSelectedCountry();
+  },
+  methods: {
+    updateValue: function () {
+      let phone = this.input;
+      phone = '-' + phone;
+      phone = phone.replace('-0', '');
+      phone = phone.replace('-', '');
+      // this.input = phone
+      if (this.selectedCountry) {
+        phone = this.selectedCountry.dialCode + '' + phone;
+      }
+      this.$emit('update:modelValue', phone);
+      this.flag = this.appUrl + 'flags/' + this.selectedCountry.isoCode.toLowerCase() + '.svg';
+    },
+    setSelectedCountry: function () {
+      let countryCode = 'KE';
+      if (this.country_code) {
+        countryCode = this.country_code;
+      }
+      this.input = this.modelValue;
+      const country = this.countries.find(function (country) {
+        if (countryCode.toUpperCase() === country.isoCode) {
+          return country
+        }
+      }, this);
+      if (this.input) {
+        if (!this.input.includes('+')) {
+          this.input = '+' + this.input;
+        }
+        this.flag = this.appUrl + 'flags/' + country.isoCode.toLowerCase() + '.svg';
+        this.input = this.input.replace(country.dialCode, '');
+        this.input = this.input.replace(':', '');
+        this.input = this.input.replace(':', '');
+        this.input = this.input.replace(':', '');
+        this.selectedCountry = country;
+      }
+    }
+  }
+};
+
+const _hoisted_1$6 = { class: "sh-phone mb-3" };
+const _hoisted_2$6 = {
+  key: 0,
+  style: {"display":"contents"}
+};
+const _hoisted_3$6 = ["src"];
+const _hoisted_4$5 = ["value"];
+
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$6, [
+    ($data.selectedCountry)
+      ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$6),
+          createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
+        ]))
+      : createCommentVNode("v-if", true),
+    withDirectives(createElementVNode("select", {
+      onChange: _cache[0] || (_cache[0] = (...args) => ($options.updateValue && $options.updateValue(...args))),
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.selectedCountry) = $event)),
+      class: "phone-country"
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.countries, (country) => {
+        return (openBlock(), createElementBlock("option", {
+          value: country,
+          key: country.dialCode
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$5))
+      }), 128 /* KEYED_FRAGMENT */))
+    ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+      [vModelSelect, $data.selectedCountry]
+    ]),
+    withDirectives(createElementVNode("input", {
+      type: "text",
+      class: "phone-number",
+      "data-cy": "phone_input",
+      onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
+      placeholder: "712345678",
+      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
+    }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+      [vModelText, $data.input]
+    ])
+  ]))
+}
+
+script$6.render = render$6;
+script$6.__file = "src/views/ShPhone.vue";
+
+var script$5 = {
+  name: 'ShForm',
+  inject: ['global'],
+  components: {
+    ShPhone: script$6
+  },
+  props: ['action', 'classes', 'hasTerms', 'country_code', 'submit_btn_class', 'fields', 'columns', 'placeholders', 'field_permissions', 'retain_data_after_submission', 'current_data', 'action_label', 'fill_selects', 'phones', 'success_callback', 'failed_callback', 'labels'],
+  data: function () {
+    return {
+      form_elements: {},
+      form_errors: {},
+      form_status: 0,
+      error_res: null,
+      form_files: {},
+      exiting_fields: [],
+      selectData: {},
+      users: [],
+      allPlaceHolders: {},
+      user: this.global.state.user,
+      allLabels: {}
+    }
+  },
+  computed: {
+    currentData () {
+      return this.current_data
+    }
+  },
+  methods: {
+    getSubmitBtnClass: function () {
+      const btnClass = this.submit_btn_class;
+      if (!btnClass) {
+        return 'btn btn-primary mt-2'
+      } else {
+        return btnClass
+      }
+    },
+    getColumns: function () {
+      let cols = parseFloat(this.columns);
+      if (!cols) {
+        cols = 1;
+      }
+      const allowedColumns = [1, 2, 3, 4, 6, 12];
+      if (!allowedColumns.includes(cols)) {
+        return '12'
+      } else {
+        return 12 / parseFloat(cols)
+      }
+    },
+    getFieldType: function (field) {
+      const textareas = ['message', 'meta_description', 'comment', 'call_response', 'comments', 'description'];
+      const selects = ['gender', 'payment_method', 'allow_view_mode', 'reasons_name', 'has_free_tier', 'payment_period', 'role', 'register_as', 'account_type'];
+      const numbers = ['age'];
+      const datePickers = ['free_tier_days', 'recurring_date', 'date', 'paid_at'];
+      const editors = ['html_content', 'listing_description', 'mail'];
+      const mapLocations = ['building_location'];
+      const files = ['file', 'logo'];
+      const phones = ['phone'];
+      if (field.includes('_id') || this.selectData[field]) {
+        return 'select'
+      }
+      if (field === 'email') {
+        return 'email'
+      }
+      if (field.includes('password')) {
+        return 'password'
+      }
+      if (field.includes('file')) {
+        return 'file'
+      }
+      if (textareas.includes(field)) {
+        return 'textarea'
+      }
+      if (phones.includes(field)) {
+        return 'phone'
+      }
+      if (mapLocations.includes(field)) {
+        return 'location'
+      }
+      if (editors.includes(field)) {
+        return 'editor'
+      }
+      if (numbers.includes(field)) {
+        // alert('found')
+        return 'numeric'
+      }
+      if (datePickers.includes(field)) {
+        return 'datepicker'
+      }
+      if (selects.includes(field)) {
+        return 'select'
+      }
+      if (files.includes(field)) {
+        return 'file'
+      }
+      return 'text'
+    },
+    getLabel: function (field) {
+      if (field in this.allLabels) {
+        return this.allLabels[field]
+      } else {
+        return field.replace(/_/g, ' ')
+      }
+    },
+    isDisabled: function (field) {
+      if (typeof this.field_permissions === 'undefined') {
+        return false
+      }
+      if (typeof this.user.isAllowedTo !== 'undefined') {
+        return !this.user.isAllowedTo(this.field_permissions[field])
+      }
+      return true
+    },
+    validateEssentials: function () {
+      if (this.fields.includes('password_confirmation')) {
+        if (!this.form_elements.password) {
+          this.form_errors = {
+            password: ['Password field is required']
+          };
+          return false
+        } else
+        if (this.form_elements.password !== this.form_elements.password_confirmation) {
+          this.form_errors = {
+            password: ['Password confirmation does not match']
+          };
+          return false
+        }
+      }
+    },
+    closeModal: function () {
+      document.body.style = '';
+      setTimeout(() => {
+        const form = this.$refs.ShAutoForm;
+        if (form) {
+          const modal = form.closest('.modal.show');
+          if (modal) {
+            modal.click();
+          }
+        } else {
+          const backdrops = document.getElementsByClassName('modal-backdrop fade show');
+          if (backdrops.length > 0) {
+            backdrops[0].remove();
+          }
+        }
+        this.form_status = 0;
+      }, 1500);
+    },
+    submitForm: async function () {
+      // return false;
+      // if (!this.validateEssentials()) {
+      //   return false
+      // }
+      NProgress.start();
+      this.form_status = 1;
+      const data = new FormData();
+      console.log(this.form_elements);
+      Object.keys(this.form_elements).forEach(key => {
+        if (typeof this.form_elements[key] === 'object') {
+          data.append(key, JSON.stringify(this.form_elements[key]));
+        } else if (typeof this.form_elements[key] !== 'undefined') { data.append(key, this.form_elements[key]); }
+      });
+      Object.keys(this.form_files).forEach(key => {
+        data.append(key, this.form_files[key].value);
+      });
+      apis.doPost(this.action, data).then(res => {
+        // console.log(res)
+        this.form_status = 2;
+        Object.keys(this.form_elements).forEach(key => {
+          this.form_errors[key] = null;
+          if (!this.retain_data_after_submission) {
+            this.form_elements[key] = '';
+          }
+        });
+        Object.keys(this.form_files).forEach(key => {
+          this.form_errors[key] = null;
+        });
+        if (this.success_callback) {
+          if (typeof this.success_callback === 'function') {
+            this.success_callback(res.data);
+          } else {
+            this.$emit(this.success_callback, res.data);
+          }
+        }
+        NProgress.done();
+        if (!this.retain_modal_after_submission) {
+          this.closeModal();
+        }
+      }).catch((reason, data) => {
+        NProgress.done();
+        this.form_status = 3;
+        if (typeof reason !== 'undefined') {
+          if (typeof reason.response !== 'undefined') {
+            this.setErrors(reason.response);
+          } else {
+            console.log('catch error');
+            console.log(reason);
+          }
+        } else {
+          console.log(reason);
+        }
+      });
+      return false
+    },
+    removeErrors: function (field) {
+      this.form_errors[field] = null;
+      this.form_status = 0;
+    },
+    setErrors: function (reason) {
+      console.log(reason);
+      if (reason.status === 422) { // change this to 422 validation error response as received from laravel
+        this.form_errors = reason.data.errors;
+      }
+    },
+    handleFileUpload: function (key) {
+      this.form_files[key].value = event.target.files[0];
+    },
+    setCurrentData: function () {
+      this.exiting_fields = [];
+      if (this.currentData) {
+        this.exiting_fields = this.currentData;
+      }
+      this.form_elements.id = this.exiting_fields.id;
+      this.fields.forEach(field => {
+        if (this.getFieldType(field) === 'file') {
+          this.form_files[field] = { key: 'file', value: null };
+        } else {
+          if (this.exiting_fields[field] !== null) {
+            this.form_elements[field] = this.exiting_fields[field];
+          } else {
+            this.form_elements[field] = '';
+          }
+        }
+        this.form_errors[field] = null;
+      });
+    }
+  },
+  mounted: async function () {
+    const selectData = {};
+    if (this.fill_selects) {
+      Object.keys(this.fill_selects).forEach(key => {
+        if (this.fill_selects[key].data) {
+          selectData[key] = this.fill_selects[key].data;
+          this.selectData = selectData;
+          console.log(this.selectData);
+        } else {
+          apis.doGet(this.fill_selects[key].url, { all: 1 }).then(res => {
+            // selectData[key] = res.data
+            // console.log(res)
+            this.selectData[key] = res.data.data;
+          }).catch(res => {
+            console.log(res);
+          });
+        }
+      });
+      console.log(selectData);
+    }
+  },
+  created: function () {
+    console.log('created');
+    if (this.labels) {
+      this.allLabels = this.labels;
+    }
+    this.setCurrentData();
+    if (this.placeholders) {
+      this.allPlaceHolders = this.placeholders;
+    }
+  },
+  watch: {
+    currentData: function () {
+      this.setCurrentData();
+    }
+  }
+};
+
+const _hoisted_1$5 = { ref: "ShAutoForm" };
+const _hoisted_2$5 = {
+  key: 0,
+  class: "alert alert-danger"
+};
+const _hoisted_3$5 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-warning" }, null, -1 /* HOISTED */);
+const _hoisted_4$4 = /*#__PURE__*/createTextVNode(" Error");
+const _hoisted_5$3 = [
+  _hoisted_3$5,
+  _hoisted_4$4
+];
+const _hoisted_6$2 = { class: "row" };
+const _hoisted_7$2 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_8$1 = { class: "col-md-12" };
+const _hoisted_9$1 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_10$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_11$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$2 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_14$2 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_15$2 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_17$2 = ["value"];
+const _hoisted_18$2 = {
+  key: 9,
+  class: "invalid-feedback"
+};
+const _hoisted_19$2 = {
+  key: 1,
+  class: "row"
+};
+const _hoisted_20$2 = /*#__PURE__*/createElementVNode("h5", null, "Confirm and Submit", -1 /* HOISTED */);
+const _hoisted_21$2 = /*#__PURE__*/createElementVNode("p", null, [
+  /*#__PURE__*/createTextVNode("By clicking submit, you agree to our "),
+  /*#__PURE__*/createElementVNode("a", {
+    target: "_blank",
+    href: "/"
+  }, "terms and conditions"),
+  /*#__PURE__*/createTextVNode(" and that you have read our "),
+  /*#__PURE__*/createElementVNode("a", {
+    target: "_blank",
+    href: "https://hauzisha.co.ke/privacy-policy"
+  }, "privacy policy")
+], -1 /* HOISTED */);
+const _hoisted_22$2 = [
+  _hoisted_20$2,
+  _hoisted_21$2
+];
+const _hoisted_23$2 = {
+  key: 0,
+  style: {"height":"1rem"},
+  class: "float-left",
+  src: "/assets/img/spinner.gif"
+};
+
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ShPhone = resolveComponent("ShPhone");
+
+  return (openBlock(), createElementBlock("form", _hoisted_1$5, [
+    createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
+    createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
+    (_ctx.form_status == 3)
+      ? (openBlock(), createElementBlock("div", _hoisted_2$5, _hoisted_5$3))
+      : createCommentVNode("v-if", true),
+    withDirectives(createElementVNode("input", {
+      type: "hidden",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.form_elements['id']) = $event))
+    }, null, 512 /* NEED_PATCH */), [
+      [vModelText, _ctx.form_elements['id']]
+    ]),
+    createElementVNode("div", _hoisted_6$2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.fields, (field) => {
+        return (openBlock(), createElementBlock("div", {
+          class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
+          key: field
+        }, [
+          createElementVNode("label", _hoisted_7$2, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+          createElementVNode("div", _hoisted_8$1, [
+            ($options.getFieldType(field) === 'file')
+              ? (openBlock(), createElementBlock("input", {
+                  key: 0,
+                  "data-cy": field,
+                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  ref_for: true,
+                  ref: 'file_'+field,
+                  onChange: $event => ($options.handleFileUpload(field)),
+                  type: "file"
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_9$1))
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'numeric')
+              ? withDirectives((openBlock(), createElementBlock("input", {
+                  key: 1,
+                  "data-cy": field,
+                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                  type: "number"
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'password')
+              ? withDirectives((openBlock(), createElementBlock("input", {
+                  key: 2,
+                  "data-cy": field,
+                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                  type: "password"
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'email')
+              ? withDirectives((openBlock(), createElementBlock("input", {
+                  key: 3,
+                  "data-cy": field,
+                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                  type: "email",
+                  required: ""
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'datepicker' && $options.isDisabled(field) === false)
+              ? withDirectives((openBlock(), createElementBlock("input", {
+                  key: 4,
+                  "data-cy": field,
+                  type: "datetime-local",
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'phone')
+              ? (openBlock(), createBlock(_component_ShPhone, {
+                  key: 5,
+                  country_code: $props.country_code,
+                  placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  modelValue: _ctx.form_elements[field],
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                  required: ""
+                }, null, 8 /* PROPS */, ["country_code", "placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'text')
+              ? withDirectives((openBlock(), createElementBlock("input", {
+                  key: 6,
+                  disabled: $options.isDisabled(field),
+                  placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
+                  type: "text"
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'textarea')
+              ? withDirectives((openBlock(), createElementBlock("textarea", {
+                  key: 7,
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_15$2)), [
+                  [vModelText, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            ($options.getFieldType(field) === 'select' && _ctx.selectData[field] != null)
+              ? withDirectives((openBlock(), createElementBlock("select", {
+                  key: 8,
+                  name: field,
+                  onFocus: $event => ($options.removeErrors(field)),
+                  class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
+                  "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectData[field], (item) => {
+                    return (openBlock(), createElementBlock("option", {
+                      key: item.id,
+                      value: item.id
+                    }, toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_17$2))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$2)), [
+                  [vModelSelect, _ctx.form_elements[field]]
+                ])
+              : createCommentVNode("v-if", true),
+            (_ctx.form_errors[field] != null )
+              ? (openBlock(), createElementBlock("div", _hoisted_18$2, toDisplayString(_ctx.form_errors[field][0]), 1 /* TEXT */))
+              : createCommentVNode("v-if", true)
+          ])
+        ], 2 /* CLASS */))
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    ($props.hasTerms)
+      ? (openBlock(), createElementBlock("div", _hoisted_19$2, _hoisted_22$2))
+      : createCommentVNode("v-if", true),
+    createElementVNode("button", {
+      "data-cy": "sh_form_submit",
+      class: normalizeClass(["mb-2 form-submit-btn", _ctx.form_status == 1 ? $options.getSubmitBtnClass() + ' disabled': $options.getSubmitBtnClass()]),
+      type: "button",
+      onClick: _cache[1] || (_cache[1] = (...args) => ($options.submitForm && $options.submitForm(...args)))
+    }, [
+      createTextVNode(toDisplayString($props.action_label ? $props.action_label:'Submit') + " ", 1 /* TEXT */),
+      (_ctx.form_status == 1)
+        ? (openBlock(), createElementBlock("img", _hoisted_23$2))
+        : createCommentVNode("v-if", true)
+    ], 2 /* CLASS */)
+  ], 512 /* NEED_PATCH */))
+}
+
+script$5.render = render$5;
+script$5.__file = "src/views/ShForm.vue";
+
+var script$4 = {
+  name: 'ShCanvas',
+  props: ['canvas_title', 'canvas_id', 'position'],
+  components: {
+  },
+  data () {
+    return {
+      side: this.position === undefined ? 'offcanvas-bottom' : 'offcanvas-' + this.position
+    }
+  },
+  methods: {
+    modalClosed: function () {
+      this.$emit('modalClosed');
+    }
+  }
+};
+
+const _hoisted_1$4 = ["id"];
+const _hoisted_2$4 = { class: "offcanvas-header" };
+const _hoisted_3$4 = {
+  class: "offcanvas-title",
+  id: "offcanvasScrollingLabel"
+};
+const _hoisted_4$3 = { class: "offcanvas-body" };
+
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["offcanvas", $data.side]),
+    "data-bs-scroll": "true",
+    tabindex: "-1",
+    id: $props.canvas_id,
+    "aria-labelledby": "offcanvasScrollingLabel"
+  }, [
+    createElementVNode("div", _hoisted_2$4, [
+      createElementVNode("h5", _hoisted_3$4, toDisplayString($props.canvas_title), 1 /* TEXT */),
+      createElementVNode("button", {
+        type: "button",
+        ref: "closecanvas",
+        onClick: _cache[0] || (_cache[0] = (...args) => ($options.modalClosed && $options.modalClosed(...args))),
+        class: "btn-close text-reset",
+        "data-bs-dismiss": "offcanvas",
+        "aria-label": "Close"
+      }, null, 512 /* NEED_PATCH */)
+    ]),
+    createElementVNode("div", _hoisted_4$3, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ], 10 /* CLASS, PROPS */, _hoisted_1$4))
+}
+
+script$4.render = render$4;
+script$4.__file = "src/views/ShCanvas.vue";
+
+var script$3 = {
+  name: 'ShModal',
+  props: ['modal_title', 'modal_id', 'modal_size'],
+  components: {
+
+  }
+};
+
+const _hoisted_1$3 = ["id"];
+const _hoisted_2$3 = { class: "modal-content" };
+const _hoisted_3$3 = { class: "modal-header" };
+const _hoisted_4$2 = { class: "modal-title" };
+const _hoisted_5$2 = /*#__PURE__*/createElementVNode("button", {
+  class: "btn btn-danger btn-sm",
+  "data-bs-dismiss": "modal",
+  "data-dismiss": "modal"
+}, "×", -1 /* HOISTED */);
+const _hoisted_6$1 = { class: "modal-body" };
+const _hoisted_7$1 = { class: "section" };
+
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: "modal fade",
+    tabindex: "-1",
+    id: $props.modal_id,
+    "data-focus": "false",
+    "aria-hidden": "true"
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["modal-dialog", `modal-${$props.modal_size}`])
+    }, [
+      createElementVNode("div", _hoisted_2$3, [
+        createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("h3", _hoisted_4$2, toDisplayString($props.modal_title), 1 /* TEXT */),
+          _hoisted_5$2
+        ]),
+        createElementVNode("div", _hoisted_6$1, [
+          createElementVNode("div", _hoisted_7$1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ])
+    ], 2 /* CLASS */)
+  ], 8 /* PROPS */, _hoisted_1$3))
+}
+
+script$3.render = render$3;
+script$3.__file = "src/views/ShModal.vue";
+
+var script$2 = {
+  name: 'Pagination',
+  props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore'],
+  data () {
+    return {
+      current_page: this.pagination_data.current,
+      per_page: this.pagination_data.per_page,
+      loadingMore: 0
+    }
+  },
+  methods: {
+    changeTableKey: function (key, value) {
+      this.$emit('changeKey', key, value);
+    },
+    changePerPage: function () {
+      this.$emit('changeKey', 'per_page', this.per_page);
+    },
+    loadMoreRecords: function () {
+      this.$emit('loadMoreRecords', 'now');
+    }
+  },
+  computed: {
+    getActivePage: function () {
+      return this.pagination_data.current
+    },
+    getPerPage: function () {
+      return this.per_page
+    },
+    getPages: function () {
+      const pages = this.pagination_data.end;
+      const current = this.pagination_data.current;
+      var displayPages = [];
+      if (pages < 13) {
+        return this.pagination_data.end
+      } else {
+        if (current < 7) {
+          for (let i = 1; i < 9; i++) {
+            displayPages.push(i);
+          }
+          displayPages.push('...');
+          displayPages.push(pages - 1);
+          displayPages.push(pages);
+          return displayPages
+        } else if ((pages - current) < 6) {
+          displayPages.push(1);
+          displayPages.push(2);
+          displayPages.push('...');
+          var max = pages - 9;
+          let l = 1;
+          for (let i = pages; i > max; i--) {
+            displayPages.push(max + l);
+            l++;
+          }
+          return displayPages
+        } else {
+          displayPages.push(1);
+          displayPages.push(2);
+          displayPages.push('...');
+          for (let i = current - 3; i < current + 4; i++) {
+            displayPages.push(i);
+          }
+          displayPages.push('..');
+          displayPages.push(pages - 1);
+          displayPages.push(pages);
+          return displayPages
+        }
+      }
+    }
+  }
+};
+
+const _hoisted_1$2 = { key: 0 };
+const _hoisted_2$2 = { class: "record_count_body mb-3" };
+const _hoisted_3$2 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$1 = /*#__PURE__*/createTextVNode("  ");
+const _hoisted_5$1 = /*#__PURE__*/createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
+const _hoisted_10$1 = [
+  _hoisted_5$1
+];
+const _hoisted_11$1 = { class: "record_counts" };
+const _hoisted_12$1 = {
+  key: 0,
+  "aria-label": "Page navigation"
+};
+const _hoisted_13$1 = { class: "pagination" };
+const _hoisted_14$1 = {
+  key: 0,
+  class: "page-link"
+};
+const _hoisted_15$1 = {
+  key: 1,
+  class: "page-link"
+};
+const _hoisted_16$1 = ["onClick"];
+const _hoisted_17$1 = { key: 1 };
+const _hoisted_18$1 = {
+  key: 0,
+  class: "text-center"
+};
+const _hoisted_19$1 = /*#__PURE__*/createElementVNode("div", {
+  class: "spinner-border",
+  role: "status"
+}, null, -1 /* HOISTED */);
+const _hoisted_20$1 = [
+  _hoisted_19$1
+];
+const _hoisted_21$1 = {
+  key: 1,
+  class: "text-center"
+};
+const _hoisted_22$1 = { class: "per_page_show" };
+const _hoisted_23$1 = {
+  key: 2,
+  class: "text-center"
+};
+
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return (!$props.loadMore)
+    ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createElementVNode("div", _hoisted_2$2, [
+          _hoisted_3$2,
+          _hoisted_4$1,
+          withDirectives(createElementVNode("select", {
+            class: "select_per_page",
+            onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
+          }, _hoisted_10$1, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+            [vModelSelect, $data.per_page]
+          ]),
+          createElementVNode("span", _hoisted_11$1, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+        ]),
+        ($props.pagination_data != null)
+          ? (openBlock(), createElementBlock("nav", _hoisted_12$1, [
+              createElementVNode("ul", _hoisted_13$1, [
+                createElementVNode("li", {
+                  class: normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
+                }, [
+                  createElementVNode("a", {
+                    onClick: _cache[2] || (_cache[2] = $event => ($options.changeTableKey('page',$options.getActivePage - 1))),
+                    class: "page-link"
+                  }, "«")
+                ], 2 /* CLASS */),
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.getPages, (page) => {
+                  return (openBlock(), createElementBlock("li", {
+                    class: normalizeClass(["page-item", $options.getActivePage === page ? 'active':'']),
+                    key: page
+                  }, [
+                    ($options.getActivePage === page)
+                      ? (openBlock(), createElementBlock("a", _hoisted_14$1, toDisplayString(page), 1 /* TEXT */))
+                      : (['..','...'].includes(page))
+                        ? (openBlock(), createElementBlock("a", _hoisted_15$1, toDisplayString(page), 1 /* TEXT */))
+                        : (openBlock(), createElementBlock("a", {
+                            key: 2,
+                            onClick: $event => ($options.changeTableKey('page',page)),
+                            class: "page-link"
+                          }, toDisplayString(page), 9 /* TEXT, PROPS */, _hoisted_16$1))
+                  ], 2 /* CLASS */))
+                }), 128 /* KEYED_FRAGMENT */)),
+                createElementVNode("li", {
+                  class: normalizeClass([$options.getActivePage === this.pagination_data.end ? 'disabled' : '' , "page-item"])
+                }, [
+                  createElementVNode("a", {
+                    onClick: _cache[3] || (_cache[3] = $event => ($options.changeTableKey('page',$options.getActivePage + 1))),
+                    class: "page-link"
+                  }, "»")
+                ], 2 /* CLASS */)
+              ])
+            ]))
+          : createCommentVNode("v-if", true)
+      ]))
+    : (openBlock(), createElementBlock("div", _hoisted_17$1, [
+        (this.pagination_data.loading === 1)
+          ? (openBlock(), createElementBlock("div", _hoisted_18$1, _hoisted_20$1))
+          : createCommentVNode("v-if", true),
+        (!$props.hideCount)
+          ? (openBlock(), createElementBlock("div", _hoisted_21$1, [
+              createElementVNode("span", _hoisted_22$1, "Showing " + toDisplayString($props.pagination_data.displayCount) + " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+            ]))
+          : createCommentVNode("v-if", true),
+        (this.pagination_data.loading !== 1 && $props.pagination_data.displayCount < $props.pagination_data.record_count && !$props.hideLoadMore)
+          ? (openBlock(), createElementBlock("div", _hoisted_23$1, [
+              createElementVNode("button", {
+                class: "btn btn-sm btn-primary mt-1",
+                onClick: _cache[4] || (_cache[4] = (...args) => ($options.loadMoreRecords && $options.loadMoreRecords(...args)))
+              }, "Load More")
+            ]))
+          : createCommentVNode("v-if", true)
+      ]))
+}
+
+script$2.render = render$2;
+script$2.__file = "src/views/list_templates/Pagination.vue";
+
+function swalSuccess (message) {
+  Swal.fire('Success!', message, 'success');
+}
+function swalError (message) {
+  Swal.fire('Error!', message, 'error');
+}
+
+function swalHttpError (reason) {
+  let error = '';
+  if (typeof reason !== 'undefined') {
+    if (typeof reason.response !== 'undefined') {
+      let reasonString = '';
+      if (typeof reason.response.data === 'string') {
+        reasonString = reason.response.data;
+      } else {
+        reasonString = JSON.stringify(reason.response.data);
+      }
+      error = reason.response.status + ': ' + reason.response.statusText + '<br/>' + reasonString;
+    } else {
+      if (typeof reason !== 'string') {
+        error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+      } else {
+        error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+      }
+    }
+  } else {
+    if (typeof reason !== 'string') {
+      error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+    } else {
+      error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+    }
+  }
+  Swal.fire('Error!', error, 'error');
+}
+
+function runSilentRequest (url) {
+  return apis.doPost(url)
+}
+
+function setTabCounts (url) {
+  apis.doGet(url).then(res => {
+    Object.keys(res.data).forEach(key => {
+      const elem = document.getElementById(key);
+      if (elem === null) {
+        return
+      }
+      if (typeof elem !== 'undefined') {
+        let txt = elem.innerHTML;
+        txt = txt.split('<i class="d-none"></i>')[0];
+        if (parseInt(res.data[key]) > 0) {
+          elem.innerHTML = txt + '<i class="d-none"></i><sup class="rounded-circle p-1 bg-info text-white">' + res.data[key] + '</sup>';
+        }
+      }
+      // document.getElementById(key).innerHTML res.data[key]
+    });
+  });
+}
+function formatHttpCatchError (reason) {
+  console.log(reason);
+  let error = '';
+  if (typeof reason !== 'undefined') {
+    if (typeof reason.response !== 'undefined') {
+      alert('here');
+      let reasonString = '';
+      if (typeof reason.response.data === 'string') {
+        reasonString = reason.response.data;
+      } else {
+        reasonString = JSON.stringify(reason.response.data);
+      }
+      error = reason.response.status + ': ' + reason.response.statusText + '<br/>' + reasonString;
+    } else {
+      if (typeof reason !== 'string') {
+        error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+      } else {
+        error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+      }
+    }
+  } else {
+    if (typeof reason !== 'string') {
+      error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+    } else {
+      error = 'A Unexpected script error occurred<br/>' + JSON.stringify(reason);
+    }
+  }
+  return error
+}
+function getMenuCount (url) {
+  apis.doGet(url).then(res => {
+    console.log(res);
+  });
+}
+const Toast = Swal.mixin({
+  toast: true,
+  position: 'top-end',
+  showConfirmButton: false,
+  customClass: {
+    popup: 'colored-toast'
+  },
+  iconColor: 'white',
+  timer: 2000,
+  timerProgressBar: true,
+  didOpen: (toast) => {
+    toast.addEventListener('mouseenter', Swal.stopTimer);
+    toast.addEventListener('mouseleave', Swal.resumeTimer);
+  }
+});
+function showToast (message, toastType) {
+  if (!toastType) {
+    toastType = 'success';
+  }
+  Toast.fire({
+    icon: toastType,
+    title: message
+  });
+}
+
+async function runPlainRequest (url, message, title, data) {
+  if (typeof title === 'undefined') {
+    title = null;
+  }
+  return Swal.fire({
+    title: title !== null ? title : 'Are you sure?',
+    html: message,
+    showCancelButton: true,
+    confirmButtonColor: '#32c787',
+    cancelButtonText: 'No, cancel',
+    confirmButtonText: 'Yes, Proceed!',
+    reverseButtons: true,
+    showLoaderOnConfirm: true,
+    preConfirm: () => {
+      return apis.doPost(url, data).then(function (response) {
+        Swal.fire('Success!', 'Action completed successfully', 'success');
+        return {
+          response: response.data,
+          success: true
+        }
+      })
+        .catch(reason => {
+          if (typeof reason.response === 'undefined') {
+            Swal.fire('Error!', `Connection to ${url} lost`, 'error');
+          } else {
+            Swal.fire(`Error ${reason.response.status}`, reason.response.statusText, 'error');
+          }
+          return {
+            success: false
+          }
+        })
+    },
+    allowOutsideClick: () => !Swal.isLoading()
+  })
+}
+
+function formatDate(date, format) {
+  if (!format) {
+    format = 'lll';
+  }
+  return moment(date).format(format)
+}
+
+var helpers = {
+  swalSuccess,
+  swalError,
+  runPlainRequest,
+  getMenuCount,
+  setTabCounts,
+  showToast,
+  runSilentRequest,
+  swalHttpError,
+  formatHttpCatchError,
+  formatDate
+};
+
+var script$1 = {
+  name: 'sh-table',
+  props: ['end_point', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'mobile_view', 'hideSearch', 'custom_template', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
+  inject: ['channel', 'global'],
+  data () {
+    return {
+      order_by: '',
+      order_method: '',
+      per_page: this.pageCount ? this.pageCount : 30,
+      page: 1,
+      filter_value: '',
+      loading: 'loading',
+      loading_error: '',
+      records: [],
+      total: 0,
+      pagination_data: null,
+      moreDetailsId: null,
+      moreDetailsModel: null,
+      downloading: false,
+      appUrl: import.meta.env.VITE_APP_API_URL
+    }
+  },
+  mounted () {
+    if (this.event) ;
+  },
+  methods: {
+    newRecordAdded: function (ev) {
+      const record = ev.log;
+      if (record.user) {
+        record.user = record.user.name;
+      }
+      this.records.unshift(record);
+      console.log(event, record);
+    },
+    rowSelected: function (row) {
+      this.$emit('rowSelected', row);
+    },
+    changeKey: function (key, value) {
+      this[key] = value;
+      if (key === 'order_by') {
+        this.order_method = (this.order_method === 'desc') ? 'asc' : 'desc';
+      }
+      if (key === 'per_page') {
+        this.page = 1;
+      }
+      this.reloadData();
+    },
+    getLinkClass: function (config) {
+      console.log(config);
+      if (typeof config === 'object') {
+        return config.class
+      }
+      return ''
+    },
+    reloadNotifications: function () {
+      this.reloadData();
+    },
+    replaceActionUrl: function (path, obj) {
+      if (path) {
+        var matches = path.match(/\{(.*?)\}/g);
+        matches.forEach(key => {
+          key = key.replace('{', '');
+          key = key.replace('}', '');
+          path = path.replace(`{${key}}`, obj[key]);
+        });
+        return path
+      }
+      return ''
+    },
+    doEmitAction: function (action, data) {
+      if (typeof action === 'function') {
+        action(data);
+      } else {
+        this.$emit(action, data);
+      }
+    },
+    getFieldType: function (field) {
+      const numbers = ['age', 'interest_rate_pa'];
+      const moneys = ['amount', 'paid_amount', 'total_paid', 'total', 'monthly_fee', 'share_cost', 'min_contribution', 'min_membership_contribution'];
+      const dates = ['invoice_date', 'free_tier_days', 'updated_at', 'created_at', 'end_time'];
+      if (numbers.includes(field)) {
+        return 'numeric'
+      }
+      if (moneys.includes(field)) {
+        return 'money'
+      }
+      if (dates.includes(field)) {
+        return 'date'
+      }
+      return 'string'
+    },
+    replaceLinkUrl: function (path, obj) {
+      if (typeof path === 'object') {
+        path = path.link;
+      }
+      var matches = path.match(/\{(.*?)\}/g);
+      matches.forEach(key => {
+        key = key.replace('{', '');
+        key = key.replace('}', '');
+        path = path.replace(`{${key}}`, obj[key]);
+      });
+      return path
+    },
+    formatDate: function (date) {
+      return moment(date).format('lll')
+    },
+    setMoreDetailsModel: function (row) {
+      this.moreDetailsModel = null;
+      this.moreDetailsModel = row;
+    },
+    loadMoreRecords: function () {
+      this.reloadData(this.page + 1, 1);
+    },
+    exportData: function (template) {
+      this.downloading = true;
+      const headers = [];
+      const fields = this.downloadFields ? this.downloadFields : this.headers;
+      fields.forEach(header => {
+        if (typeof header === 'string') {
+          headers.push(header);
+        }
+      });
+      const data = {
+        titles: headers,
+        export: 1
+      };
+      apis.doPost(this.end_point, data).then(res => {
+        this.downloading = false;
+        if (res.data.file) {
+          const url = this.appUrl + 'external-download?file=' + res.data.file + '&name=' + res.data.name;
+          window.location.href = url;
+          // window.open('https://facebook.com')
+          // window.open(this.appUrl + 'external-download?file=' + res.data.file + '&name=' + res.data.name, '_blank').focus()
+        }
+      }).catch(reason => {
+        console.log(reason);
+        this.downloading = false;
+        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText}`;
+        helpers.swalError('Error', error);
+      });
+    },
+    reloadData: function (page, append) {
+      if (typeof page !== 'undefined') { this.page = page; }
+      if (!append) {
+        this.loading = 'loading';
+      }
+      const data = {
+        order_by: this.order_by,
+        order_method: this.order_method,
+        per_page: this.per_page,
+        page: this.page,
+        filter_value: this.filter_value
+      };
+      if (this.pagination_data) {
+        this.pagination_data.loading = 1;
+      }
+      apis.doGet(this.end_point, data).then(req => {
+        this.loading = 'done';
+        const response = req.data.data;
+        this.pagination_data = {
+          current: response.current_page,
+          start: response.from,
+          end: response.last_page,
+          record_count: response.total,
+          per_page: response.per_page,
+          loading: 0,
+          displayCount: response.total > response.per_page ? response.per_page : response.total
+        };
+        if (append) {
+          this.records.push(...response.data);
+          let totalShown = response.total > response.per_page ? response.per_page * response.current_page : response.total;
+          if (totalShown > response.total) {
+            totalShown = response.total;
+          }
+          this.pagination_data.displayCount = totalShown;
+          const scrollingElement = (document.scrollingElement || document.body);
+          scrollingElement.scrollTop = scrollingElement.scrollHeight;
+          // const all = []
+          // console.log(all.push(response.data))
+          // console.log(this.records, response.data)
+        } else {
+          this.records = response.data;
+        }
+      }).catch(reason => {
+        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText} (${this.end_point})`;
+        this.loading_error = error;
+        this.loading = 'error';
+      });
+    }
+  },
+  watch: {
+    reload () {
+      this.reloadData();
+    }
+  },
+  created () {
+    this.reloadData();
+  },
+  components: {
+    pagination: script$2
+  },
+  computed: {
+    windowWidth: function () {
+      return window.innerWidth
+    },
+    hasDefaultSlot () {
+      return !!this.$slots.default
+    },
+    user () {
+      return this.global.state.user
+    }
+  }
+};
+
+const _withScopeId = n => (pushScopeId("data-v-a10546a2"),n=n(),popScopeId(),n);
+const _hoisted_1$1 = { class: "auto-table mt-2" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "col-md-4 mb-2"
+};
+const _hoisted_3$1 = ["disabled"];
+const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */));
+const _hoisted_5 = /*#__PURE__*/createTextVNode(" Export ");
+const _hoisted_6 = {
+  key: 0,
+  style: {"height":"1rem"},
+  class: "float-start",
+  src: "/assets/img/spinner.gif"
+};
+const _hoisted_7 = /*#__PURE__*/createTextVNode(" Exporting ... ");
+const _hoisted_8 = {
+  key: 1,
+  class: "row"
+};
+const _hoisted_9 = { class: "col-12 mb-3" };
+const _hoisted_10 = { class: "sh-search-bar" };
+const _hoisted_11 = ["placeholder"];
+const _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("span", { class: "sh-search-icon" }, [
+  /*#__PURE__*/createElementVNode("i", { class: "bi bi-search mb-0" })
+], -1 /* HOISTED */));
+const _hoisted_13 = {
+  key: 2,
+  class: "table"
+};
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = {
+  key: 0,
+  class: "text-capitalize"
+};
+const _hoisted_18 = {
+  key: 0,
+  class: "text-center"
+};
+const _hoisted_19 = ["colspan"];
+const _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("img", { src: "/assets/img/loading.gif" }, null, -1 /* HOISTED */));
+const _hoisted_21 = [
+  _hoisted_20
+];
+const _hoisted_22 = {
+  key: 1,
+  class: "text-center alert alert-danger"
+};
+const _hoisted_23 = ["colspan"];
+const _hoisted_24 = {
+  key: 2,
+  class: "text-center alert alert-info no_records"
+};
+const _hoisted_25 = ["colspan"];
+const _hoisted_26 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */));
+const _hoisted_27 = /*#__PURE__*/createTextVNode(" No records found ");
+const _hoisted_28 = [
+  _hoisted_26,
+  _hoisted_27
+];
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = { key: 1 };
+const _hoisted_31 = {
+  key: 2,
+  class: "text-success fw-bold"
+};
+const _hoisted_32 = { key: 3 };
+const _hoisted_33 = ["innerHTML"];
+const _hoisted_34 = ["innerHTML"];
+const _hoisted_35 = ["innerHTML"];
+const _hoisted_36 = {
+  key: 0,
+  style: {"white-space":"nowrap"}
+};
+const _hoisted_37 = ["title", "onClick"];
+const _hoisted_38 = { key: 3 };
+const _hoisted_39 = {
+  key: 0,
+  class: "text-center"
+};
+const _hoisted_40 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("span", { colspan: 2 }, [
+  /*#__PURE__*/createElementVNode("img", { src: "/assets/img/loading.gif" })
+], -1 /* HOISTED */));
+const _hoisted_41 = [
+  _hoisted_40
+];
+const _hoisted_42 = { key: 1 };
+const _hoisted_43 = { colspan: 2 };
+const _hoisted_44 = {
+  key: 2,
+  class: "mobile-list-items"
+};
+const _hoisted_45 = ["onClick"];
+const _hoisted_46 = {
+  key: 0,
+  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
+};
+const _hoisted_47 = {
+  key: 1,
+  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
+};
+const _hoisted_48 = {
+  key: 2,
+  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
+};
+const _hoisted_49 = { key: 1 };
+const _hoisted_50 = {
+  key: 2,
+  class: "text-primary fw-bold"
+};
+const _hoisted_51 = ["innerHTML"];
+const _hoisted_52 = ["innerHTML"];
+const _hoisted_53 = ["innerHTML"];
+const _hoisted_54 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */));
+const _hoisted_55 = { key: 0 };
+const _hoisted_56 = ["title", "onClick"];
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_router_link = resolveComponent("router-link");
+  const _component_pagination = resolveComponent("pagination");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    ($props.hasDownload)
+      ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createElementVNode("button", {
+            disabled: $data.downloading,
+            class: "btn btn-warning btn-sm",
+            onClick: _cache[0] || (_cache[0] = $event => ($options.exportData()))
+          }, [
+            (!$data.downloading)
+              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  _hoisted_4,
+                  _hoisted_5
+                ], 64 /* STABLE_FRAGMENT */))
+              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  ($data.downloading)
+                    ? (openBlock(), createElementBlock("img", _hoisted_6))
+                    : createCommentVNode("v-if", true),
+                  _hoisted_7
+                ], 64 /* STABLE_FRAGMENT */))
+          ], 8 /* PROPS */, _hoisted_3$1)
+        ]))
+      : createCommentVNode("v-if", true),
+    (!$props.hideSearch)
+      ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              withDirectives(createElementVNode("input", {
+                type: "text",
+                onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
+                placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
+                class: "form-control sh-search-input"
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
+                [vModelText, $data.filter_value]
+              ]),
+              _hoisted_12
+            ])
+          ])
+        ]))
+      : createCommentVNode("v-if", true),
+    ($options.windowWidth > 700)
+      ? (openBlock(), createElementBlock("table", _hoisted_13, [
+          createElementVNode("thead", null, [
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (title) => {
+                return (openBlock(), createElementBlock("th", {
+                  key: title[0]
+                }, [
+                  (typeof title === 'string')
+                    ? (openBlock(), createElementBlock("a", {
+                        key: 0,
+                        class: "text-capitalize",
+                        onClick: $event => ($options.changeKey('order_by',title))
+                      }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_14))
+                    : (typeof title === 'function')
+                      ? (openBlock(), createElementBlock("a", {
+                          key: 1,
+                          class: "text-capitalize",
+                          onClick: $event => ($options.changeKey('order_by',title))
+                        }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_15))
+                      : (openBlock(), createElementBlock("a", {
+                          key: 2,
+                          class: "text-capitalize",
+                          onClick: $event => ($options.changeKey('order_by',title[0]))
+                        }, toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_16))
+                ]))
+              }), 128 /* KEYED_FRAGMENT */)),
+              ($props.actions)
+                ? (openBlock(), createElementBlock("th", _hoisted_17, toDisplayString($props.actions.label), 1 /* TEXT */))
+                : createCommentVNode("v-if", true)
+            ])
+          ]),
+          createElementVNode("tbody", null, [
+            ($data.loading === 'loading')
+              ? (openBlock(), createElementBlock("tr", _hoisted_18, [
+                  createElementVNode("td", {
+                    colspan: $props.headers.length
+                  }, _hoisted_21, 8 /* PROPS */, _hoisted_19)
+                ]))
+              : ($data.loading === 'error')
+                ? (openBlock(), createElementBlock("tr", _hoisted_22, [
+                    createElementVNode("td", {
+                      colspan: $props.headers.length
+                    }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_23)
+                  ]))
+                : ($data.records.length === 0)
+                  ? (openBlock(), createElementBlock("tr", _hoisted_24, [
+                      createElementVNode("td", {
+                        colspan: $props.actions ? $props.headers.length + 1 : $props.headers.length
+                      }, _hoisted_28, 8 /* PROPS */, _hoisted_25)
+                    ]))
+                  : ($data.loading === 'done')
+                    ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList($data.records, (record, index) => {
+                        return (openBlock(), createElementBlock("tr", {
+                          key: record.id,
+                          class: normalizeClass(record.class),
+                          onClick: $event => ($options.rowSelected(record))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (key) => {
+                            return (openBlock(), createElementBlock("td", {
+                              key: key[0]
+                            }, [
+                              (typeof key === 'string' && $props.links && $props.links[key])
+                                ? (openBlock(), createBlock(_component_router_link, {
+                                    key: 0,
+                                    to: $options.replaceLinkUrl($props.links[key],record),
+                                    class: normalizeClass($options.getLinkClass($props.links[key])),
+                                    innerHTML: record[key]
+                                  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
+                                : ($options.getFieldType(key) === 'numeric')
+                                  ? (openBlock(), createElementBlock("span", _hoisted_30, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                  : ($options.getFieldType(key) === 'money')
+                                    ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                    : ($options.getFieldType(key) === 'date')
+                                      ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
+                                      : (typeof key === 'string')
+                                        ? (openBlock(), createElementBlock("span", {
+                                            key: 4,
+                                            innerHTML: record[key]
+                                          }, null, 8 /* PROPS */, _hoisted_33))
+                                        : (typeof key === 'function')
+                                          ? (openBlock(), createElementBlock("span", {
+                                              key: 5,
+                                              innerHTML: key(record, index)
+                                            }, null, 8 /* PROPS */, _hoisted_34))
+                                          : (openBlock(), createElementBlock("span", {
+                                              key: 6,
+                                              innerHTML: record[key[0]]
+                                            }, null, 8 /* PROPS */, _hoisted_35))
+                            ]))
+                          }), 128 /* KEYED_FRAGMENT */)),
+                          ($props.actions)
+                            ? (openBlock(), createElementBlock("td", _hoisted_36, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
+                                  return (openBlock(), createElementBlock(Fragment, {
+                                    key: act.path
+                                  }, [
+                                    (!act.permission || $options.user.isAllowedTo(act.permission))
+                                      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                          (!act.validator || act.validator(record))
+                                            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                                (act.emits)
+                                                  ? (openBlock(), createElementBlock("button", {
+                                                      key: 0,
+                                                      title: act.title,
+                                                      class: normalizeClass(act.class ? act.class:'btn btn-default'),
+                                                      onClick: $event => ($options.doEmitAction(act.emits,record))
+                                                    }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_37))
+                                                  : createCommentVNode("v-if", true),
+                                                (!act.emits)
+                                                  ? (openBlock(), createBlock(_component_router_link, {
+                                                      key: 1,
+                                                      title: act.title,
+                                                      to: $options.replaceActionUrl(act.path,record),
+                                                      class: normalizeClass(act.class)
+                                                    }, {
+                                                      default: withCtx(() => [
+                                                        createTextVNode(toDisplayString(act.label), 1 /* TEXT */)
+                                                      ]),
+                                                      _: 2 /* DYNAMIC */
+                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "to", "class"]))
+                                                  : createCommentVNode("v-if", true)
+                                              ], 64 /* STABLE_FRAGMENT */))
+                                            : createCommentVNode("v-if", true)
+                                        ], 64 /* STABLE_FRAGMENT */))
+                                      : createCommentVNode("v-if", true)
+                                  ], 64 /* STABLE_FRAGMENT */))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : createCommentVNode("v-if", true)
+                        ], 10 /* CLASS, PROPS */, _hoisted_29))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    : createCommentVNode("v-if", true)
+          ])
+        ]))
+      : (openBlock(), createElementBlock("div", _hoisted_38, [
+          ($data.loading === 'loading')
+            ? (openBlock(), createElementBlock("div", _hoisted_39, _hoisted_41))
+            : ($data.loading === 'error')
+              ? (openBlock(), createElementBlock("div", _hoisted_42, [
+                  createElementVNode("span", _hoisted_43, toDisplayString($data.loading_error), 1 /* TEXT */)
+                ]))
+              : ($data.loading === 'done')
+                ? (openBlock(), createElementBlock("div", _hoisted_44, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($data.records, (record, index) => {
+                      return (openBlock(), createElementBlock(Fragment, {
+                        key: record.id
+                      }, [
+                        createElementVNode("h3", null, toDisplayString($props.mobile_view), 1 /* TEXT */),
+                        createElementVNode("div", {
+                          class: "single-mobile-req bg-light p-3",
+                          onClick: $event => ($options.rowSelected(record))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (key) => {
+                            return (openBlock(), createElementBlock(Fragment, {
+                              key: key[0]
+                            }, [
+                              (typeof key === 'string' )
+                                ? (openBlock(), createElementBlock("p", _hoisted_46, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                : (typeof key === 'function')
+                                  ? (openBlock(), createElementBlock("p", _hoisted_47, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
+                                  : (openBlock(), createElementBlock("p", _hoisted_48, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
+                              createElementVNode("span", null, [
+                                (typeof key === 'string' && $props.links && $props.links[key])
+                                  ? (openBlock(), createBlock(_component_router_link, {
+                                      key: 0,
+                                      to: $options.replaceLinkUrl($props.links[key],record),
+                                      class: normalizeClass($options.getLinkClass($props.links[key])),
+                                      innerHTML: record[key]
+                                    }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
+                                  : ($options.getFieldType(key) === 'numeric')
+                                    ? (openBlock(), createElementBlock("span", _hoisted_49, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                    : ($options.getFieldType(key) === 'money')
+                                      ? (openBlock(), createElementBlock("span", _hoisted_50, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                      : (typeof key    === 'string')
+                                        ? (openBlock(), createElementBlock("span", {
+                                            key: 3,
+                                            innerHTML: record[key]
+                                          }, null, 8 /* PROPS */, _hoisted_51))
+                                        : (typeof key === 'function')
+                                          ? (openBlock(), createElementBlock("span", {
+                                              key: 4,
+                                              innerHTML: key(record, index )
+                                            }, null, 8 /* PROPS */, _hoisted_52))
+                                          : (openBlock(), createElementBlock("span", {
+                                              key: 5,
+                                              innerHTML: record[key[0]]
+                                            }, null, 8 /* PROPS */, _hoisted_53))
+                              ]),
+                              _hoisted_54
+                            ], 64 /* STABLE_FRAGMENT */))
+                          }), 128 /* KEYED_FRAGMENT */)),
+                          ($props.actions)
+                            ? (openBlock(), createElementBlock("div", _hoisted_55, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
+                                  return (openBlock(), createElementBlock(Fragment, {
+                                    key: act.path
+                                  }, [
+                                    (!act.permission || $options.user.isAllowedTo(act.permission))
+                                      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                          (!act.validator || act.validator(record))
+                                            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                                (act.emits)
+                                                  ? (openBlock(), createElementBlock("button", {
+                                                      key: 0,
+                                                      title: act.title,
+                                                      class: normalizeClass(act.class ? act.class:'btn btn-default'),
+                                                      onClick: $event => ($options.doEmitAction(act.emits,record))
+                                                    }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_56))
+                                                  : createCommentVNode("v-if", true),
+                                                (!act.emits)
+                                                  ? (openBlock(), createBlock(_component_router_link, {
+                                                      key: 1,
+                                                      title: act.title,
+                                                      to: $options.replaceActionUrl(act.path,record),
+                                                      class: normalizeClass(act.class)
+                                                    }, {
+                                                      default: withCtx(() => [
+                                                        createTextVNode(toDisplayString(act.label), 1 /* TEXT */)
+                                                      ]),
+                                                      _: 2 /* DYNAMIC */
+                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "to", "class"]))
+                                                  : createCommentVNode("v-if", true)
+                                              ], 64 /* STABLE_FRAGMENT */))
+                                            : createCommentVNode("v-if", true)
+                                        ], 64 /* STABLE_FRAGMENT */))
+                                      : createCommentVNode("v-if", true)
+                                  ], 64 /* STABLE_FRAGMENT */))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : createCommentVNode("v-if", true)
+                        ], 8 /* PROPS */, _hoisted_45)
+                      ], 64 /* STABLE_FRAGMENT */))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ]))
+                : createCommentVNode("v-if", true)
+        ])),
+    ($data.pagination_data)
+      ? (openBlock(), createBlock(_component_pagination, {
+          key: 4,
+          onLoadMoreRecords: $options.loadMoreRecords,
+          "hide-load-more": $props.hideLoadMore,
+          "hide-count": $props.hideCount,
+          pagination_data: $data.pagination_data,
+          onChangeKey: $options.changeKey,
+          "load-more": "1"
+        }, null, 8 /* PROPS */, ["onLoadMoreRecords", "hide-load-more", "hide-count", "pagination_data", "onChangeKey"]))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-a10546a2";
+script$1.__file = "src/views/ShTable.vue";
+
+var script = {
+  name: 'ShTabs',
+  props: ['tabs', 'base_url', 'shared_data', 'tab_counts'],
+  inject: ['global'],
+  data () {
+    return {
+      currentTab: ''
+    }
+  },
+  watch: {
+    refreshStatus: function (state) {
+      if (state === 0) {
+        if (this.tab_counts) {
+          this.setTabCounts(this.tab_counts);
+        }
+      }
+    },
+    tab_counts: function () {
+      this.resetTabCounts();
+    }
+  },
+  computed: {
+    refreshStatus () {
+      return this.global.state.refetch
+    }
+  },
+  mounted () {
+    this.resetTabCounts();
+  },
+  methods: {
+    setTabCounts: function (tabCounts) {
+      if (typeof tabCounts === 'object') {
+        this.setCounts(tabCounts);
+      } else {
+        apis.doGet(tabCounts).then(res => {
+          this.setCounts(res.data);
+        });
+      }
+    },
+    resetTabCounts: function () {
+      const arr = this.$route.fullPath.split('/');
+      if (!this.tabExistsInUrl()) {
+        this.$router.push(this.$route.fullPath + '/tab/' + this.tabs[0]);
+      } else {
+        this.currentTab = arr[arr.length - 1];
+      }
+      if (this.tab_counts) {
+        this.setTabCounts(this.tab_counts);
+      }
+    },
+    tabExistsInUrl: function () {
+      let exists = false;
+      this.tabs.forEach(tab => {
+        if (this.$route.fullPath.includes(tab)) {
+          exists = true;
+        }
+      });
+      return exists
+    },
+    setCounts: function (res) {
+      Object.keys(res).forEach(key => {
+        const elem = document.getElementById('sh_tab_' + key);
+        if (elem) {
+          let txt = elem.innerHTML;
+          txt = txt.split('<i class="d-none"></i>')[0];
+          if (parseInt(res[key]) > 0) {
+            elem.innerHTML = txt + '<i class="d-none"></i><sup class="sh_tab_count">' + res[key] + '</sup>';
+          }
+        }
+      });
+    }
+  }
+};
+
+const _hoisted_1 = { class: "common_tabs" };
+const _hoisted_2 = {
+  class: "nav nav-tabs mb-2",
+  id: "myTab",
+  role: "tablist"
+};
+const _hoisted_3 = { class: "tab-content" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_router_link = resolveComponent("router-link");
+  const _component_router_view = resolveComponent("router-view");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("ul", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.tabs, (tab) => {
+        return (openBlock(), createElementBlock("li", {
+          class: "nav-item",
+          key: tab
+        }, [
+          createVNode(_component_router_link, {
+            "active-class": 'active',
+            class: "nav-link text-capitalize",
+            to: $props.base_url+'/tab/'+tab,
+            role: "tab",
+            id: 'sh_tab_' + tab
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to", "id"])
+        ]))
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    createElementVNode("div", _hoisted_3, [
+      createVNode(_component_router_view, {
+        current_tab: $data.currentTab,
+        shared_data: $props.shared_data,
+        tab_counts: $props.tab_counts
+      }, null, 8 /* PROPS */, ["current_tab", "shared_data", "tab_counts"])
+    ])
+  ]))
+}
+
+script.render = render;
+script.__scopeId = "data-v-3628b6a6";
+script.__file = "src/views/ShTabs.vue";
+
+var components = {
+  ShForm: script$5,
+  ShCanvas: script$4,
+  ShModal: script$3,
+  ShPhone: script$6,
+  ShTable: script$1,
+  ShTabs: script
+};
+
+const plugin = {
+  install (Vue) {
+    for (const prop in components) {
+      if (components.hasOwnProperty(prop)) {
+        const component = components[prop];
+        Vue.component(component.name, component);
+      }
+    }
+  }
+};
+
+export { plugin as default };