Merge pull request #179 from w3bdesign/dev

Added vuex-composition-helpers

Author: w3bdesign

package-lock.json

@@ -36,6 +36,7 @@
         "vue": "^3.0.5",
         "vue-router": "^4.0.3",
         "vuex": "^4.0.0",
+        "vuex-composition-helpers": "^2.0.0",
         "vuex-persist": "^3.1.3",
         "yup": "^0.32.9"
     }

package.json

@@ -16855,10 +16855,8 @@ __webpack_require__.r(__webpack_exports__);
       store.dispatch('saveCustomerDetails', values);
 
       if (meta.value.valid) {
-        console.log('Valid!');
         store.dispatch('setCheckoutFormToValid', true);
       } else {
-        console.log('Not valid');
         store.dispatch('setCheckoutFormToValid', false);
       }
     });
@@ -16921,11 +16919,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js");
-/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js");
+/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js");
 /* harmony import */ var _stripe_stripe_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @stripe/stripe-js */ "./node_modules/@stripe/stripe-js/dist/stripe.esm.js");
-/* harmony import */ var _utils_functions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/functions */ "./resources/js/utils/functions.js");
-/* harmony import */ var _CustomerDetailsForm_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CustomerDetailsForm.vue */ "./resources/js/components/Checkout/CustomerDetailsForm.vue");
+/* harmony import */ var vuex_composition_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuex-composition-helpers */ "./node_modules/vuex-composition-helpers/dist/index.js");
+/* harmony import */ var _utils_functions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/functions */ "./resources/js/utils/functions.js");
+/* harmony import */ var _CustomerDetailsForm_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./CustomerDetailsForm.vue */ "./resources/js/components/Checkout/CustomerDetailsForm.vue");
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -16945,13 +16944,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 
 
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({
   components: {
-    CustomerDetailsForm: _CustomerDetailsForm_vue__WEBPACK_IMPORTED_MODULE_5__.default
+    CustomerDetailsForm: _CustomerDetailsForm_vue__WEBPACK_IMPORTED_MODULE_6__.default
   },
   setup: function setup() {
-    var store = (0,vuex__WEBPACK_IMPORTED_MODULE_6__.useStore)();
-    var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_7__.useRouter)();
+    var store = (0,vuex__WEBPACK_IMPORTED_MODULE_7__.useStore)();
+    var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_8__.useRouter)();
     var localState = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({
       removingCartItem: false,
       paymentIsProcessing: false,
@@ -16963,18 +16963,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
     var cartLength = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
       return store.state.cart.length;
     });
-    var cartTotal = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
-      return store.getters.cartTotal;
-    });
     var cartContent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
       return store.state.cart;
     });
-    var customerDetails = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
-      return store.getters.customerDetails;
-    });
-    var checkoutFormIsValid = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
-      return store.getters.checkoutFormIsValid;
-    });
+
+    var _useGetters = (0,vuex_composition_helpers__WEBPACK_IMPORTED_MODULE_4__.useGetters)(['cartTotal', 'customerDetails', 'checkoutFormIsValid']),
+        cartTotal = _useGetters.cartTotal,
+        customerDetails = _useGetters.customerDetails,
+        checkoutFormIsValid = _useGetters.checkoutFormIsValid;
 
     var removeProductFromCart = function removeProductFromCart(product) {
       localState.removingCartItem = true;
@@ -17088,7 +17084,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
       cartContent: cartContent,
       removeProductFromCart: removeProductFromCart,
       checkout: checkout,
-      formatPrice: _utils_functions__WEBPACK_IMPORTED_MODULE_4__.formatPrice,
+      formatPrice: _utils_functions__WEBPACK_IMPORTED_MODULE_5__.formatPrice,
       checkoutFormIsValid: checkoutFormIsValid,
       customerDetails: customerDetails
     });
@@ -50196,6 +50192,291 @@ function compileToFunction(template, options) {
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vuex-composition-helpers/dist/global.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/vuex-composition-helpers/dist/global.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useState": () => (/* binding */ useState),
+/* harmony export */   "useGetters": () => (/* binding */ useGetters),
+/* harmony export */   "useMutations": () => (/* binding */ useMutations),
+/* harmony export */   "useActions": () => (/* binding */ useActions)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ "./node_modules/vuex-composition-helpers/dist/util.js");
+
+
+function computedState(store, prop) {
+    return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => store.state[prop]);
+}
+function useState(storeOrMap, map) {
+    let store = storeOrMap;
+    if (arguments.length === 1) {
+        map = store;
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, null, map, computedState);
+}
+function useGetters(storeOrMap, map) {
+    let store = storeOrMap;
+    if (arguments.length === 1) {
+        map = store;
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, null, map, _util__WEBPACK_IMPORTED_MODULE_1__.computedGetter);
+}
+function useMutations(storeOrMap, map) {
+    let store = storeOrMap;
+    if (arguments.length === 1) {
+        map = store;
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, null, map, _util__WEBPACK_IMPORTED_MODULE_1__.getMutation);
+}
+function useActions(storeOrMap, map) {
+    let store = storeOrMap;
+    if (arguments.length === 1) {
+        map = store;
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, null, map, _util__WEBPACK_IMPORTED_MODULE_1__.getAction);
+}
+//# sourceMappingURL=global.js.map
+
+/***/ }),
+
+/***/ "./node_modules/vuex-composition-helpers/dist/index.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/vuex-composition-helpers/dist/index.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useActions": () => (/* reexport safe */ _global__WEBPACK_IMPORTED_MODULE_0__.useActions),
+/* harmony export */   "useGetters": () => (/* reexport safe */ _global__WEBPACK_IMPORTED_MODULE_0__.useGetters),
+/* harmony export */   "useMutations": () => (/* reexport safe */ _global__WEBPACK_IMPORTED_MODULE_0__.useMutations),
+/* harmony export */   "useState": () => (/* reexport safe */ _global__WEBPACK_IMPORTED_MODULE_0__.useState),
+/* harmony export */   "createNamespacedHelpers": () => (/* reexport safe */ _namespaced__WEBPACK_IMPORTED_MODULE_1__.createNamespacedHelpers),
+/* harmony export */   "useNamespacedActions": () => (/* reexport safe */ _namespaced__WEBPACK_IMPORTED_MODULE_1__.useNamespacedActions),
+/* harmony export */   "useNamespacedGetters": () => (/* reexport safe */ _namespaced__WEBPACK_IMPORTED_MODULE_1__.useNamespacedGetters),
+/* harmony export */   "useNamespacedMutations": () => (/* reexport safe */ _namespaced__WEBPACK_IMPORTED_MODULE_1__.useNamespacedMutations),
+/* harmony export */   "useNamespacedState": () => (/* reexport safe */ _namespaced__WEBPACK_IMPORTED_MODULE_1__.useNamespacedState),
+/* harmony export */   "wrapStore": () => (/* reexport safe */ _wrapper__WEBPACK_IMPORTED_MODULE_2__.wrapStore)
+/* harmony export */ });
+/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./global */ "./node_modules/vuex-composition-helpers/dist/global.js");
+/* harmony import */ var _namespaced__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./namespaced */ "./node_modules/vuex-composition-helpers/dist/namespaced.js");
+/* harmony import */ var _wrapper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./wrapper */ "./node_modules/vuex-composition-helpers/dist/wrapper.js");
+
+
+
+//# sourceMappingURL=index.js.map
+
+/***/ }),
+
+/***/ "./node_modules/vuex-composition-helpers/dist/namespaced.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/vuex-composition-helpers/dist/namespaced.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useNamespacedState": () => (/* binding */ useNamespacedState),
+/* harmony export */   "useNamespacedMutations": () => (/* binding */ useNamespacedMutations),
+/* harmony export */   "useNamespacedActions": () => (/* binding */ useNamespacedActions),
+/* harmony export */   "useNamespacedGetters": () => (/* binding */ useNamespacedGetters),
+/* harmony export */   "createNamespacedHelpers": () => (/* binding */ createNamespacedHelpers)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ "./node_modules/vuex-composition-helpers/dist/util.js");
+
+
+function computedState(store, namespace, prop) {
+    let module = namespace.split('/').reduce((module, key) => module[key], store.state);
+    return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => module[prop]);
+}
+function useNamespacedState(storeOrNamespace, namespaceOrMap, map) {
+    let store, namespace;
+    if (arguments.length === 2) {
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        map = namespaceOrMap;
+        namespace = storeOrNamespace;
+    }
+    else {
+        store = storeOrNamespace || (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        namespace = namespaceOrMap;
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, namespace, map, computedState);
+}
+function useNamespacedMutations(storeOrNamespace, namespaceOrMap, map) {
+    let store, namespace;
+    if (arguments.length === 2) {
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        map = namespaceOrMap;
+        namespace = storeOrNamespace;
+    }
+    else {
+        store = storeOrNamespace || (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        namespace = namespaceOrMap;
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, namespace, map, _util__WEBPACK_IMPORTED_MODULE_1__.getMutation);
+}
+function useNamespacedActions(storeOrNamespace, namespaceOrMap, map) {
+    let store, namespace;
+    if (arguments.length === 2) {
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        map = namespaceOrMap;
+        namespace = storeOrNamespace;
+    }
+    else {
+        store = storeOrNamespace || (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        namespace = namespaceOrMap;
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, namespace, map, _util__WEBPACK_IMPORTED_MODULE_1__.getAction);
+}
+function useNamespacedGetters(storeOrNamespace, namespaceOrMap, map) {
+    let store, namespace;
+    if (arguments.length === 2) {
+        store = (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        map = namespaceOrMap;
+        namespace = storeOrNamespace;
+    }
+    else {
+        store = storeOrNamespace || (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStoreFromInstance)();
+        namespace = namespaceOrMap;
+    }
+    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.useMapping)(store, namespace, map, _util__WEBPACK_IMPORTED_MODULE_1__.computedGetter);
+}
+function createNamespacedHelpers(storeOrNamespace, namespace) {
+    let store = undefined;
+    if (arguments.length === 1) {
+        namespace = storeOrNamespace;
+    }
+    else {
+        store = storeOrNamespace;
+        if (!namespace) {
+            throw new Error('Namespace is missing to provide namespaced helpers');
+        }
+    }
+    return {
+        useState: (map) => useNamespacedState(store, namespace, map),
+        useGetters: (map) => useNamespacedGetters(store, namespace, map),
+        useMutations: (map) => useNamespacedMutations(store, namespace, map),
+        useActions: (map) => useNamespacedActions(store, namespace, map),
+    };
+}
+//# sourceMappingURL=namespaced.js.map
+
+/***/ }),
+
+/***/ "./node_modules/vuex-composition-helpers/dist/util.js":
+/*!************************************************************!*\
+  !*** ./node_modules/vuex-composition-helpers/dist/util.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "computedGetter": () => (/* binding */ computedGetter),
+/* harmony export */   "getMutation": () => (/* binding */ getMutation),
+/* harmony export */   "getAction": () => (/* binding */ getAction),
+/* harmony export */   "useMapping": () => (/* binding */ useMapping),
+/* harmony export */   "getStoreFromInstance": () => (/* binding */ getStoreFromInstance)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+
+function runCB(cb, store, namespace, prop) {
+    if (cb.length === 3) { // choose which signature to pass to cb function
+        return cb(store, namespace, prop);
+    }
+    else {
+        return cb(store, namespace ? `${namespace}/${prop}` : prop);
+    }
+}
+function useFromArray(store, namespace, props, cb) {
+    return props.reduce((result, prop) => {
+        result[prop] = runCB(cb, store, namespace, prop);
+        return result;
+    }, {});
+}
+function useFromObject(store, namespace, props, cb) {
+    const obj = {};
+    for (let key in props) {
+        if (props.hasOwnProperty(key)) {
+            obj[key] = runCB(cb, store, namespace, props[key]);
+        }
+    }
+    return obj;
+}
+function computedGetter(store, prop) {
+    return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => store.getters[prop]);
+}
+function getMutation(store, mutation) {
+    return function () {
+        return store.commit.apply(store, [mutation, ...arguments]);
+    };
+}
+function getAction(store, action) {
+    return function () {
+        return store.dispatch.apply(store, [action, ...arguments]);
+    };
+}
+function useMapping(store, namespace, map, cb) {
+    if (!map) {
+        return {};
+    }
+    if (map instanceof Array) {
+        return useFromArray(store, namespace, map, cb);
+    }
+    return useFromObject(store, namespace, map, cb);
+}
+function getStoreFromInstance() {
+    const vm = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)();
+    if (!vm) {
+        throw new Error('You must use this function within the "setup()" method, or insert the store as first argument.');
+    }
+    return vm.proxy?.$store;
+}
+//# sourceMappingURL=util.js.map
+
+/***/ }),
+
+/***/ "./node_modules/vuex-composition-helpers/dist/wrapper.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/vuex-composition-helpers/dist/wrapper.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "wrapStore": () => (/* binding */ wrapStore)
+/* harmony export */ });
+/* harmony import */ var _namespaced__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./namespaced */ "./node_modules/vuex-composition-helpers/dist/namespaced.js");
+/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./global */ "./node_modules/vuex-composition-helpers/dist/global.js");
+
+
+function wrapStore(store) {
+    return {
+        createNamespacedHelpers: _namespaced__WEBPACK_IMPORTED_MODULE_0__.createNamespacedHelpers.bind(null, store),
+        useActions: _global__WEBPACK_IMPORTED_MODULE_1__.useActions.bind(null, store),
+        useGetters: _global__WEBPACK_IMPORTED_MODULE_1__.useGetters.bind(null, store),
+        useMutations: _global__WEBPACK_IMPORTED_MODULE_1__.useMutations.bind(null, store),
+        useState: _global__WEBPACK_IMPORTED_MODULE_1__.useState.bind(null, store)
+    };
+}
+//# sourceMappingURL=wrapper.js.map
+
 /***/ }),
 
 /***/ "./node_modules/vuex-persist/dist/esm/index.js":