@hulkapps/app-manager-vue 3.0.7 → 3.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/app-manager-vue.esm.js +696 -84
  2. package/dist/app-manager-vue.min.js +3 -3
  3. package/dist/app-manager-vue.ssr.js +95 -48
  4. package/dist/hulkapps-app-manager.css +1 -1
  5. package/dist/hulkapps-app-manager.min.css +1 -1
  6. package/package.json +1 -2
  7. package/src/components/Plans/AppManagerSliderPlan.vue +17 -4
  8. package/src/components/PolarisNew/GetCustomBlock.vue +15 -6
  9. package/src/components/PolarisNew/PlanCardsHighlights.vue +49 -5
  10. package/src/components/PolarisNew/PlanTable.vue +103 -27
  11. package/dist/ArrowLeft.svg +0 -14
  12. package/dist/CheckFalse.svg +0 -11
  13. package/dist/CheckTrue.svg +0 -11
  14. package/dist/NavigationLeft.svg +0 -12
  15. package/dist/NavigationRight.svg +0 -12
  16. package/dist/cogsettings.svg +0 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hulkapps/app-manager-vue",
3
- "version": "3.0.7",
3
+ "version": "3.0.9",
4
4
  "description": "Vue SDK to render app manager contents",
5
5
  "main": "dist/app-manager-vue.ssr.js",
6
6
  "browser": "dist/app-manager-vue.esm.js",
@@ -33,7 +33,6 @@
33
33
  "@rollup/plugin-commonjs": "^14.0.0",
34
34
  "@rollup/plugin-node-resolve": "^9.0.0",
35
35
  "@rollup/plugin-replace": "^2.4.2",
36
- "@rollup/plugin-url": "^8.0.2",
37
36
  "@vue/cli-plugin-babel": "^4.5.13",
38
37
  "@vue/cli-service": "^4.5.13",
39
38
  "clean-css-cli": "^5.6.0",
package/src/components/Plans/AppManagerSliderPlan.vue CHANGED
@@ -9,7 +9,20 @@
9
9
  <PlanBanners position="header" @handlePlanBannerClose="handlePlanBannerClose" class="app-manager-plan-banner"/>
10
10
  <div class="bill-cycle-select-group">
11
11
  <a class="bill-cycle-back" @click="selectPlan('monthly')">
12
- <img src="../../assets/ArrowLeft.svg" alt="Left Arrow"/>
12
+ <svg
13
+ width="16"
14
+ height="14"
15
+ viewBox="0 0 16 14"
16
+ fill="none"
17
+ xmlns="http://www.w3.org/2000/svg"
18
+ >
19
+ <path d="M1 7H15H1Z" fill="#006FBB"/>
20
+ <path d="M1 7H15" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21
+ <path d="M1 7L7 13L1 7Z" fill="#006FBB"/>
22
+ <path d="M1 7L7 13" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
23
+ <path d="M1 7L7 1L1 7Z" fill="#006FBB"/>
24
+ <path d="M1 7L7 1" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
25
+ </svg>
13
26
  {{ translateMe('Back to App pricing') }}
14
27
  </a>
15
28
  <div class="bill-cycle-select-group__inner-left">
@@ -130,8 +143,6 @@
130
143
  <script>
131
144
 
132
145
  import axios from "axios";
133
- import PlanBanners from "./PlanBanners";
134
- import YearlyPlanPromotion from "./YearlyPlanPromotion";
135
146
  import PPage from "../polaris-vue/src/components/PPage/PPage";
136
147
  import PStack from "../polaris-vue/src/components/PStack/PStack";
137
148
  import PStackItem from "../polaris-vue/src/components/PStack/components/PStackItem/PStackItem";
@@ -153,10 +164,12 @@ import PlanTable from "../PolarisNew/PlanTable.vue";
153
164
  import BundlePlanCard from "../PolarisNew/BundlePlanCard.vue";
154
165
  import CustomizationModal from "@/components/PolarisNew/CustomizationModal.vue";
155
166
  import { calculatePlanPriceWithDiscounts } from "@/helpers";
167
+ import PlanBanners from "@/components/Plans/PlanBanners.vue";
156
168
 
157
169
  export default {
158
170
  name: "AppManagerSliderPlan",
159
171
  components: {
172
+ PlanBanners,
160
173
  CustomizationModal,
161
174
  PPage,
162
175
  PStack,
@@ -561,7 +574,7 @@ export default {
561
574
  align-items: center;
562
575
  justify-content: end;
563
576
  padding-right: 36px;
564
- background-image: url('../../assets/25for70lessBanner.png');
577
+ //background-image: url('../../assets/25for70lessBanner.png');
565
578
  background-size: cover;
566
579
  background-repeat: no-repeat;
567
580
  background-position: center;
package/src/components/PolarisNew/GetCustomBlock.vue CHANGED
@@ -39,12 +39,21 @@ export default {
39
39
 
40
40
  <template>
41
41
  <div class="block">
42
- <img
43
- src="../../assets/cogsettings.svg"
44
- alt="Settings"
45
- width="76"
46
- height="78"
47
- />
42
+ <svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
43
+ <path d="M49.6768 9.31236V2.68228C49.6768 2.02914 49.146 1.5 48.4918 1.5H34.5281C33.8735 1.5 33.3431 2.02914 33.3431 2.68228V9.31236C33.3431 9.83518 32.9983 10.2952 32.4964 10.4449C30.426 11.0617 28.4454 11.8862 26.5784 12.8936C26.1188 13.1415 25.5508 13.0558 25.1816 12.6874L20.481 7.9978C20.0183 7.53618 19.2678 7.53618 18.8051 7.9978L8.93175 17.8481C8.46905 18.3098 8.46905 19.0585 8.93175 19.5201L13.6323 24.2097C14.0016 24.5781 14.0875 25.1452 13.8389 25.6032C12.8292 27.4659 12.0028 29.4423 11.3846 31.5075C11.2345 32.0086 10.7734 32.3522 10.2494 32.3522H3.60301C2.94835 32.3522 2.41797 32.8813 2.41797 33.5345V47.4655C2.41797 48.1187 2.94835 48.6478 3.60301 48.6478H10.2486C10.7726 48.6478 11.2338 48.9918 11.3838 49.4925C12.002 51.5581 12.8285 53.5341 13.8382 55.3968C14.0867 55.8552 14.0008 56.4219 13.6315 56.7903L8.93095 61.4799C8.46826 61.9415 8.46826 62.6902 8.93095 63.1519L18.8043 73.0022C19.267 73.4638 20.0175 73.4638 20.4802 73.0022L25.1808 68.3126C25.5501 67.9441 26.1184 67.8585 26.5776 68.1064C28.4446 69.1138 30.4256 69.9383 32.4957 70.5551C32.9979 70.7048 33.3423 71.1648 33.3423 71.6876V78.3177C33.3423 78.9709 33.8727 79.5 34.5273 79.5H48.491C49.1456 79.5 49.676 78.9705 49.676 78.3177V71.6876" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
44
+ <path d="M37.2891 64.3588V32.7" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
45
+ <path d="M37.2891 23.9823V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
46
+ <path d="M49.6777 64.3588V59.3118" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
47
+ <path d="M49.6777 50.1353V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
48
+ <path d="M62.0645 64.3588V41.8765" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
49
+ <path d="M62.0645 33.1588V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
50
+ <path d="M74.4531 64.3588V29.947" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
51
+ <path d="M74.4531 21.6882V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
52
+ <path d="M41.4188 23.9824H32.7012V32.7001H41.4188V23.9824Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
53
+ <path d="M53.8055 50.1353H45.0879V59.3117H53.8055V50.1353Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
54
+ <path d="M66.1942 33.1588H57.4766V41.8765H66.1942V33.1588Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
55
+ <path d="M78.5829 21.6882H69.8652V29.9471H78.5829V21.6882Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
56
+ </svg>
48
57
  <h3>{{ title }}</h3>
49
58
  <h6>{{ description }}</h6>
50
59
  <VariantButton @click="handleClick" variant="primary" class="button">{{
package/src/components/PolarisNew/PlanCardsHighlights.vue CHANGED
@@ -283,26 +283,70 @@ export default {
283
283
  <span class="plans-remaining" v-if="this.remainingPlansMonthly.before > 0">+{{
284
284
  this.remainingPlansMonthly.before
285
285
  }} Plans</span>
286
- <img src="../../assets/NavigationLeft.svg" alt="Nav Left"/>
286
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
287
+ <g clip-path="url(#clip0_859_9388)">
288
+ <path d="M5 12.0001L19 12.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
289
+ <path d="M5 12.0001L11 18.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
290
+ <path d="M5 12.0001L11 6.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
291
+ </g>
292
+ <defs>
293
+ <clipPath id="clip0_859_9388">
294
+ <rect width="24" height="24" fill="white"/>
295
+ </clipPath>
296
+ </defs>
297
+ </svg>
287
298
  </button>
288
299
  <button class="swiper-plan-h-next-monthly">
289
300
  <span class="plans-remaining" v-if="this.remainingPlansMonthly.after > 0">+{{
290
301
  this.remainingPlansMonthly.after
291
302
  }} Plans</span>
292
- <img src="../../assets/NavigationRight.svg" alt="Nav Right"/>
303
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
304
+ <g clip-path="url(#clip0_859_9381)">
305
+ <path d="M19 12H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
306
+ <path d="M19 12L13 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
307
+ <path d="M19 12L13 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
308
+ </g>
309
+ <defs>
310
+ <clipPath id="clip0_859_9381">
311
+ <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/>
312
+ </clipPath>
313
+ </defs>
314
+ </svg>
293
315
  </button>
294
316
  </div>
295
317
  <div class="swiper-plan-h-navigation nav-annually">
296
318
  <button class="swiper-plan-h-prev-annually">
297
319
  <span class="plans-remaining"
298
320
  v-if="this.remainingPlansAnnually.before > 0">+{{ this.remainingPlansAnnually.before }} Plans</span>
299
- <img src="../../assets/NavigationLeft.svg" alt="Nav Left"/>
321
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
322
+ <g clip-path="url(#clip0_859_9388)">
323
+ <path d="M5 12.0001L19 12.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
324
+ <path d="M5 12.0001L11 18.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
325
+ <path d="M5 12.0001L11 6.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
326
+ </g>
327
+ <defs>
328
+ <clipPath id="clip0_859_9388">
329
+ <rect width="24" height="24" fill="white"/>
330
+ </clipPath>
331
+ </defs>
332
+ </svg>
300
333
  </button>
301
334
  <button class="swiper-plan-h-next-annually">
302
335
  <span class="plans-remaining" v-if="this.remainingPlansAnnually.after > 0">+{{
303
336
  this.remainingPlansAnnually.after
304
337
  }} Plans</span>
305
- <img src="../../assets/NavigationRight.svg" alt="Nav Right"/>
338
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
339
+ <g clip-path="url(#clip0_859_9381)">
340
+ <path d="M19 12H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
341
+ <path d="M19 12L13 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
342
+ <path d="M19 12L13 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
343
+ </g>
344
+ <defs>
345
+ <clipPath id="clip0_859_9381">
346
+ <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/>
347
+ </clipPath>
348
+ </defs>
349
+ </svg>
306
350
  </button>
307
351
  </div>
308
352
  <div ref="swiperMonthly" class="swiper cards monthly plans-h-cards">
@@ -687,7 +731,7 @@ export default {
687
731
  .swiper-plan-h-next-monthly:disabled,
688
732
  .swiper-plan-h-next-annually:disabled,
689
733
  .swiper-plan-h-prev-annually:disabled {
690
- visibility: hidden;
734
+ opacity: 0;
691
735
  }
692
736
 
693
737
  .plans-remaining {
package/src/components/PolarisNew/PlanTable.vue CHANGED
@@ -409,21 +409,65 @@ export default {
409
409
  <div class="swiper-plan-navigation nav-monthly-table">
410
410
  <button class="swiper-plan-monthly-prev">
411
411
  <span class="plans-remaining" v-if="this.remainingPlansMonthly.before > 0">+{{ this.remainingPlansMonthly.before }} Plans</span>
412
- <img src="../../assets/NavigationLeft.svg" alt="Nav Left" />
412
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
413
+ <g clip-path="url(#clip0_859_9388)">
414
+ <path d="M5 12.0001L19 12.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
415
+ <path d="M5 12.0001L11 18.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
416
+ <path d="M5 12.0001L11 6.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
417
+ </g>
418
+ <defs>
419
+ <clipPath id="clip0_859_9388">
420
+ <rect width="24" height="24" fill="white"/>
421
+ </clipPath>
422
+ </defs>
423
+ </svg>
413
424
  </button>
414
425
  <button class="swiper-plan-monthly-next">
415
426
  <span class="plans-remaining" v-if="this.remainingPlansMonthly.after > 0">+{{ this.remainingPlansMonthly.after }} Plans</span>
416
- <img src="../../assets/NavigationRight.svg" alt="Nav Right" />
427
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
428
+ <g clip-path="url(#clip0_859_9381)">
429
+ <path d="M19 12H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
430
+ <path d="M19 12L13 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
431
+ <path d="M19 12L13 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
432
+ </g>
433
+ <defs>
434
+ <clipPath id="clip0_859_9381">
435
+ <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/>
436
+ </clipPath>
437
+ </defs>
438
+ </svg>
417
439
  </button>
418
440
  </div>
419
441
  <div class="swiper-plan-navigation nav-annually-table">
420
442
  <button class="swiper-plan-annually-prev">
421
443
  <span class="plans-remaining" v-if="this.remainingPlansAnnually.before > 0">+{{ this.remainingPlansAnnually.before }} Plans</span>
422
- <img src="../../assets/NavigationLeft.svg" alt="Nav Left" />
444
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
445
+ <g clip-path="url(#clip0_859_9388)">
446
+ <path d="M5 12.0001L19 12.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
447
+ <path d="M5 12.0001L11 18.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
448
+ <path d="M5 12.0001L11 6.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
449
+ </g>
450
+ <defs>
451
+ <clipPath id="clip0_859_9388">
452
+ <rect width="24" height="24" fill="white"/>
453
+ </clipPath>
454
+ </defs>
455
+ </svg>
423
456
  </button>
424
457
  <button class="swiper-plan-annually-next">
425
458
  <span class="plans-remaining" v-if="this.remainingPlansAnnually.after > 0">+{{ this.remainingPlansAnnually.after }} Plans</span>
426
- <img src="../../assets/NavigationRight.svg" alt="Nav Right" />
459
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
460
+ <g clip-path="url(#clip0_859_9381)">
461
+ <path d="M19 12H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
462
+ <path d="M19 12L13 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
463
+ <path d="M19 12L13 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
464
+ </g>
465
+ <defs>
466
+ <clipPath id="clip0_859_9381">
467
+ <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/>
468
+ </clipPath>
469
+ </defs>
470
+ </svg>
427
471
  </button>
428
472
  </div>
429
473
 
@@ -507,23 +551,38 @@ export default {
507
551
  >
508
552
  <div v-if="hasFeature(plan, feature)">
509
553
  <div v-if="feature.value_type === 'boolean'">
510
- <img
511
- src="../../assets/CheckTrue.svg"
512
- alt="Feature is included"
513
- class="plan-table-checkmark"
514
- v-if="hasFeature(plan, feature)"
515
- />
554
+ <span class="plan-table-checkmark">
555
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="white" xmlns="http://www.w3.org/2000/svg">
556
+ <g clip-path="url(#clip0_859_9134)">
557
+ <path d="M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
558
+ <path d="M8.25 9.99998L9.91667 11.6666L13.25 8.33331" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
559
+ </g>
560
+ <defs>
561
+ <clipPath id="clip0_859_9134">
562
+ <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
563
+ </clipPath>
564
+ </defs>
565
+ </svg>
566
+ </span>
516
567
  </div>
517
568
  <div v-else>
518
569
  <span>{{ translateMe(formatFeature(plan.features[feature.uuid])) }}</span>
519
570
  </div>
520
571
  </div>
521
572
  <div v-else>
522
- <img
523
- src="../../assets/CheckFalse.svg"
524
- alt="Feature is not included"
525
- class="plan-table-checkmark"
526
- />
573
+ <span class="plan-table-checkmark">
574
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="white" xmlns="http://www.w3.org/2000/svg">
575
+ <g clip-path="url(#clip0_859_9139)">
576
+ <path d="M15.75 5L5.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
577
+ <path d="M5.75 5L15.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
578
+ </g>
579
+ <defs>
580
+ <clipPath id="clip0_859_9139">
581
+ <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
582
+ </clipPath>
583
+ </defs>
584
+ </svg>
585
+ </span>
527
586
  </div>
528
587
  </div>
529
588
  </template>
@@ -609,23 +668,38 @@ export default {
609
668
  >
610
669
  <div v-if="hasFeature(plan, feature)">
611
670
  <div v-if="feature.value_type === 'boolean'">
612
- <img
613
- src="../../assets/CheckTrue.svg"
614
- alt="Feature is included"
615
- class="plan-table-checkmark"
616
- v-if="hasFeature(plan, feature)"
617
- />
671
+ <span class="plan-table-checkmark">
672
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="white" xmlns="http://www.w3.org/2000/svg">
673
+ <g clip-path="url(#clip0_859_9134)">
674
+ <path d="M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
675
+ <path d="M8.25 9.99998L9.91667 11.6666L13.25 8.33331" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
676
+ </g>
677
+ <defs>
678
+ <clipPath id="clip0_859_9134">
679
+ <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
680
+ </clipPath>
681
+ </defs>
682
+ </svg>
683
+ </span>
618
684
  </div>
619
685
  <div v-else>
620
686
  <span>{{ translateMe(formatFeature(plan.features[feature.uuid])) }}</span>
621
687
  </div>
622
688
  </div>
623
689
  <div v-else>
624
- <img
625
- src="../../assets/CheckFalse.svg"
626
- alt="Feature is not included"
627
- class="plan-table-checkmark"
628
- />
690
+ <span class="plan-table-checkmark">
691
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="white" xmlns="http://www.w3.org/2000/svg">
692
+ <g clip-path="url(#clip0_859_9139)">
693
+ <path d="M15.75 5L5.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
694
+ <path d="M5.75 5L15.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
695
+ </g>
696
+ <defs>
697
+ <clipPath id="clip0_859_9139">
698
+ <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
699
+ </clipPath>
700
+ </defs>
701
+ </svg>
702
+ </span>
629
703
  </div>
630
704
  </div>
631
705
  </template>
@@ -722,6 +796,8 @@ export default {
722
796
  .plan-table-checkmark {
723
797
  width: 20px;
724
798
  height: 20px;
799
+ visibility: visible;
800
+ display: inline-block;
725
801
  }
726
802
  .plan-header-wrapper {
727
803
  display: flex;
@@ -812,7 +888,7 @@ export default {
812
888
  .swiper-plan-monthly-next:disabled,
813
889
  .swiper-plan-annually-next:disabled,
814
890
  .swiper-plan-annually-prev:disabled {
815
- visibility: hidden;
891
+ opacity: 0;
816
892
  }
817
893
 
818
894
  .choose-button {
package/dist/ArrowLeft.svg DELETED
@@ -1,14 +0,0 @@
1
- <svg
2
- width="16"
3
- height="14"
4
- viewBox="0 0 16 14"
5
- fill="none"
6
- xmlns="http://www.w3.org/2000/svg"
7
- >
8
- <path d="M1 7H15H1Z" fill="#006FBB"/>
9
- <path d="M1 7H15" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10
- <path d="M1 7L7 13L1 7Z" fill="#006FBB"/>
11
- <path d="M1 7L7 13" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
12
- <path d="M1 7L7 1L1 7Z" fill="#006FBB"/>
13
- <path d="M1 7L7 1" stroke="#006FBB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
- </svg>
package/dist/CheckFalse.svg DELETED
@@ -1,11 +0,0 @@
1
- <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_859_9139)">
3
- <path d="M15.75 5L5.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M5.75 5L15.75 15" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_859_9139">
8
- <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
package/dist/CheckTrue.svg DELETED
@@ -1,11 +0,0 @@
1
- <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_859_9134)">
3
- <path d="M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M8.25 9.99998L9.91667 11.6666L13.25 8.33331" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_859_9134">
8
- <rect width="20" height="20" fill="white" transform="translate(0.75)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
package/dist/NavigationLeft.svg DELETED
@@ -1,12 +0,0 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_859_9388)">
3
- <path d="M5 12.0001L19 12.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M5 12.0001L11 18.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path d="M5 12.0001L11 6.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
- </g>
7
- <defs>
8
- <clipPath id="clip0_859_9388">
9
- <rect width="24" height="24" fill="white"/>
10
- </clipPath>
11
- </defs>
12
- </svg>
package/dist/NavigationRight.svg DELETED
@@ -1,12 +0,0 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_859_9381)">
3
- <path d="M19 12H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M19 12L13 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path d="M19 12L13 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
- </g>
7
- <defs>
8
- <clipPath id="clip0_859_9381">
9
- <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/>
10
- </clipPath>
11
- </defs>
12
- </svg>
package/dist/cogsettings.svg DELETED
@@ -1,15 +0,0 @@
1
- <svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M49.6768 9.31236V2.68228C49.6768 2.02914 49.146 1.5 48.4918 1.5H34.5281C33.8735 1.5 33.3431 2.02914 33.3431 2.68228V9.31236C33.3431 9.83518 32.9983 10.2952 32.4964 10.4449C30.426 11.0617 28.4454 11.8862 26.5784 12.8936C26.1188 13.1415 25.5508 13.0558 25.1816 12.6874L20.481 7.9978C20.0183 7.53618 19.2678 7.53618 18.8051 7.9978L8.93175 17.8481C8.46905 18.3098 8.46905 19.0585 8.93175 19.5201L13.6323 24.2097C14.0016 24.5781 14.0875 25.1452 13.8389 25.6032C12.8292 27.4659 12.0028 29.4423 11.3846 31.5075C11.2345 32.0086 10.7734 32.3522 10.2494 32.3522H3.60301C2.94835 32.3522 2.41797 32.8813 2.41797 33.5345V47.4655C2.41797 48.1187 2.94835 48.6478 3.60301 48.6478H10.2486C10.7726 48.6478 11.2338 48.9918 11.3838 49.4925C12.002 51.5581 12.8285 53.5341 13.8382 55.3968C14.0867 55.8552 14.0008 56.4219 13.6315 56.7903L8.93095 61.4799C8.46826 61.9415 8.46826 62.6902 8.93095 63.1519L18.8043 73.0022C19.267 73.4638 20.0175 73.4638 20.4802 73.0022L25.1808 68.3126C25.5501 67.9441 26.1184 67.8585 26.5776 68.1064C28.4446 69.1138 30.4256 69.9383 32.4957 70.5551C32.9979 70.7048 33.3423 71.1648 33.3423 71.6876V78.3177C33.3423 78.9709 33.8727 79.5 34.5273 79.5H48.491C49.1456 79.5 49.676 78.9705 49.676 78.3177V71.6876" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
3
- <path d="M37.2891 64.3588V32.7" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M37.2891 23.9823V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path d="M49.6777 64.3588V59.3118" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
6
- <path d="M49.6777 50.1353V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
7
- <path d="M62.0645 64.3588V41.8765" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M62.0645 33.1588V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
9
- <path d="M74.4531 64.3588V29.947" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
10
- <path d="M74.4531 21.6882V18.4764" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
11
- <path d="M41.4188 23.9824H32.7012V32.7001H41.4188V23.9824Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
12
- <path d="M53.8055 50.1353H45.0879V59.3117H53.8055V50.1353Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
13
- <path d="M66.1942 33.1588H57.4766V41.8765H66.1942V33.1588Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
14
- <path d="M78.5829 21.6882H69.8652V29.9471H78.5829V21.6882Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
15
- </svg>