@lancom/shared 0.0.248 → 0.0.251

package/assets/scss/ui_kit/_forms.scss

@@ -177,7 +177,7 @@ html[dir=rtl] .form-icon-left {
   height: 50px;
   border-width: 1px;
   border-style: solid;
-  border-color: $grey_3;
+  border-color: #EFF1F2;
   border-radius: 5px;
   font-style: normal;
   font-weight: normal;
@@ -424,7 +424,7 @@ html[dir=rtl] .textarea {
   }
   &__tags {
     min-height: 50px;
-    border: 1px solid $grey_3;
+    border: 1px solid #e5e5e5;
     border-radius: 8px !important;
     padding: 19px 3px 4px 20px;
   }

package/assets/scss/ui_kit/_tooltip.scss

@@ -1,5 +1,3 @@
-@import "@/assets/scss/variables";
-
 .tooltip {
   display: block !important;
   z-index: 10000;
@@ -27,7 +25,7 @@
   &.white &-inner {
     background: #FFF !important;
     color: #575872 !important;
-    border: 1px solid $grey_3 !important;
+    border: 1px solid #EFF1F2 !important;
   }
   &.white &-arrow {
     border-color: #FFF !important;

package/assets/scss/variables/_theme.scss

@@ -15,7 +15,7 @@ $white_high_emphasis: #FFFFFF;
 $white_medium_emphasis: rgba(255, 255, 255, .66);
 $gray: #575872 !default;
 $medium_gray: #B0B0BA !default;
-$light_gray: #F9F9FC;
+$light_gray: #F9F9FC !default;
 $link: #5D89A9;
 $error: #E44868;
 $secondary_900: #20303C;
@@ -52,8 +52,8 @@ $black: #343750 !default;
 $gray_main: #616277 !default;
 $grey_1: #616277 !default;
 $grey_2: #B0B0BA !default;
-$grey_3: #EFF1F2;
-$grey_4: #F9F9FC;
+$grey_3: #EFF1F2 !default;
+$grey_4: #F9F9FC !default;
 $grey_5: #9898A5 !default;
 
 $white: #fff;

package/components/common/payment/payment_card/pinpayment/pinpayment.vue

@@ -86,8 +86,6 @@
 </template>
 
 <script>
-let interval = null;
-
 export default {
   name: 'Payment',
   props: {
@@ -110,17 +108,14 @@ export default {
       fields: null
     };
   },
-  async mounted() {
+  mounted() {
     this.loading = true;
-
-    await this.preloadPinpayments();
-
     if (window.HostedFields) {
-      await this.initHostedPayment();
+      this.initHostedPayment();
     } else {
-      window.addEventListener('load', async () => {
+      window.addEventListener('load', () => {
         if (!this.fields) {
-          await this.initHostedPayment();
+          this.initHostedPayment();
         }
       });
     }
@@ -199,31 +194,7 @@ export default {
           }
         );
       });
-    },
-    async preloadPinpayments() {
-        if (!window.HostedFields) {
-          clearInterval(interval);
-          await this.loadPinpayments();
-          await new Promise((resolve, reject) => {
-            interval = setInterval(() => {
-              if (window.HostedFields) {
-                clearInterval(interval);
-                resolve()
-              }
-            }, 100);
-          });
-        }
-      },
-      loadPinpayments() {
-        return new Promise((resolve) => {
-          const script = document.createElement('script');
-          script.type = "text/javascript";
-          script.src = 'https://cdn.pinpayments.com/pin.hosted_fields.v1.js';
-          script.onload = () => resolve();
-          const body = document.getElementsByTagName('body')[0]; 
-          body.appendChild(script);
-        });
-      }
+    }
   }
 };
 </script>

package/components/editor/editor.vue

@@ -18,9 +18,7 @@
               </component>
             </template>
           </tabs>
-          <div
-            v-if="productAvailableInCurrentCountry"
-            class="Editor__footer">
+          <div class="Editor__footer">
             <btn
               btn-label="Start again"
               btn-class="white"
@@ -137,12 +135,8 @@ export default {
     ...mapGetters('layers', [
       'layerThumbnails'
     ]),
-    productAvailableInCurrentCountry() {
-      const { countries } = this.product;
-      return !(countries || []).length || countries.includes(this.country._id);
-    },
     addToCartDisabled() {
-      return !this.usedSimpleProducts.length || (this.product.printOnly && !this.template.layers.length);
+      return !(this.template.layers.length && this.usedSimpleProducts.length);
     }
   },
   watch: {

package/components/editor/editor_product_details/editor-product-details.scss

@@ -47,10 +47,4 @@
       text-align: center;
     }
   }
-  &__available-warning {
-    background-color: $error;
-    color: $white;
-    padding: 10px;
-    margin-top: 10px;
-  }
 }

package/components/editor/editor_product_details/editor-product-details.vue

@@ -61,13 +61,8 @@
         </div>
       </div>
     </div>
-    <div
-      v-if="!productAvailableInCurrentCountry"
-      class="EditorProductDetails__available-warning">
-      Product Not Available in {{ country.name }}
-    </div>
     <fragment
-      v-if="productDetailsLoaded && productAvailableInCurrentCountry">
+      v-if="productDetailsLoaded">
       <div class="EditorProductDetails__section">
         <product-colors-selector />
       </div>
@@ -117,13 +112,8 @@ export default {
       'layerThumbnails'
     ]),
     ...mapGetters([
-      'pricingSettings',
-      'country'
+      'pricingSettings'
     ]),
-    productAvailableInCurrentCountry() {
-      const { countries } = this.product;
-      return !(countries || []).length || countries.includes(this.country._id);
-    },
     productLink() {
       return generateProductLink(this.product);
     },

package/components/faq/faq.vue

@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/assets/scss/variables";
+@import "@lancom/shared/assets/scss/variables";
 $types: delivery, general, other, printing, garments;
 .FAQ {
   &__wrapper {
@@ -218,7 +218,7 @@ $types: delivery, general, other, printing, garments;
     &-body {
       padding: 6px 30px 24px 30px;
       line-height: 27px;
-      color: $grey_1;
+      color: $gray;
       overflow: hidden;
       @import "@lancom/shared/assets/scss/normalize";
     }

package/components/products/products_autocomplete/products-autocomplete.scss

@@ -10,21 +10,20 @@
     right: 0;
     top: 41px;
     padding: 10px;
-    background-color: white;
-    border: 1px solid $medium_gray;
-    z-index: 999;
+    background-color: $black;
+    color: $white;
   }
   &__result-item {
     padding-bottom: 10px;
     margin-bottom: 10px;
-    border-bottom: 1px solid $medium_gray;
+    border-bottom: 1px solid $gray_main;
     &:last-child {
       border-bottom: none;
       margin-bottom: 0px;
     }
     ::v-deep {
       a {
-        color: $gray_main;
+        color: $white;
         font-size: 13px;
         text-decoration: none;
       }
@@ -34,22 +33,24 @@
       padding: 10px;
       text-align: center;
       display: block;
-      background-color: $black;
-      color: $white !important;
+      background-color: $white;
       &:hover {
-        background-color: $white;
-        color: $black !important;
+        background-color: $black;
+        color: $white;
       }
     }
   }
   &__input {
     input {
-      border-color: $medium_gray;
+      background-color: #535353;
+      border: none;
       border-radius: 0px;
+      color: $white;
       height: 41px;
       position: relative;
       z-index: 1;
       &::placeholder {
+        font-weight: 600;
         font-size: 14px;
         color: $grey_3;
       }
@@ -60,6 +61,7 @@
       right: 10px;
       font-size: 17px;
       pointer-events: none;
+      color: $white;
       &.icon-search {
         z-index: 2;
         pointer-events: all;

package/mixins/meta-info.js

@@ -34,10 +34,7 @@ const metaInfo = {
     }
   },
   head() {
-    const hasQueryParams = Object
-      .keys(this.$route.query || {})
-      .filter(key => !['color', 'store'].includes(`${key || ''}`.toLowerCase()))
-      .length > 0;
+    const hasQueryParams = Object.keys(this.$route.query || {}).length > 0;
 
     const { short_text: shortText, image, meta = {} } = this.routeInfo || {};
     const pageItemMeta = this.pageItem?.meta || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.248",
+  "version": "0.0.251",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {

package/plugins/cache-headers.js

@@ -0,0 +1,6 @@
+module.exports = function (req, res, next) {
+  if (!/auth\=/.test(req.headers?.cookie || '')) {
+    res.setHeader('Cache-Control', `max-age=${86400}`); // 1 day
+  }
+  next();
+};

package/store/product.js

@@ -160,7 +160,6 @@ export const actions = {
         commit('setSelectedPrintArea', { printArea: first._id, size: first.printSize });
       }
     } catch (e) {
-      console.log(e);
       const { status, data } = e?.response || {};
       const statusCode = status || 500;
       commit('setLoadError', {