@hulkapps/app-manager-vue 2.4.5 → 2.4.6

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.
@@ -42014,518 +42014,12 @@ var __vue_render__$2 = function () {
42014
42014
 
42015
42015
  var _c = _vm._self._c || _h;
42016
42016
 
42017
- return _vm.planLoading ? _c('PSkeletonPage', {
42018
- attrs: {
42019
- "title": _vm.translateMe('Plans'),
42020
- "fullWidth": false,
42021
- "primaryAction": "",
42022
- "secondaryActions": 2,
42023
- "breadcrumbs": false
42024
- }
42025
- }, [_c('PLayout', [_c('PLayoutSection', {
42026
- attrs: {
42027
- "oneThird": ""
42028
- }
42029
- }, [_c('PCard', {
42030
- attrs: {
42031
- "sectioned": ""
42032
- }
42033
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
42034
- attrs: {
42035
- "size": "small"
42036
- }
42037
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1), _vm._v(" "), _c('PLayoutSection', {
42038
- attrs: {
42039
- "oneThird": ""
42040
- }
42041
- }, [_c('PCard', {
42042
- attrs: {
42043
- "sectioned": ""
42044
- }
42045
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
42046
- attrs: {
42047
- "size": "small"
42048
- }
42049
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1), _vm._v(" "), _c('PLayoutSection', {
42050
- attrs: {
42051
- "oneThird": ""
42052
- }
42053
- }, [_c('PCard', {
42054
- attrs: {
42055
- "sectioned": ""
42056
- }
42057
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
42058
- attrs: {
42059
- "size": "small"
42060
- }
42061
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1)], 1), _vm._v(" "), _c('PLayout', {
42062
- staticStyle: {
42063
- "margin-top": "20px"
42064
- }
42065
- }, [_c('PLayoutSection', [_c('PCard', {
42066
- attrs: {
42067
- "sectioned": ""
42068
- }
42069
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
42070
- attrs: {
42071
- "sectioned": ""
42072
- }
42073
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
42074
- attrs: {
42075
- "sectioned": ""
42076
- }
42077
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
42078
- attrs: {
42079
- "sectioned": ""
42080
- }
42081
- }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
42017
+ return _c('PEmptyState', {
42082
42018
  attrs: {
42083
42019
  "heading": _vm.translateMe('No Plans'),
42084
42020
  "image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
42085
42021
  }
42086
- }) : _c('PPage', {
42087
- staticClass: "app-manager-plan-page custom-title",
42088
- attrs: {
42089
- "title": _vm.translateMe('Plans'),
42090
- "subtitle": _vm.subtitleContent
42091
- }
42092
- }, [_c('PStack', {
42093
- attrs: {
42094
- "slot": "primaryAction"
42095
- },
42096
- slot: "primaryAction"
42097
- }, [_c('PStackItem', {
42098
- staticStyle: {
42099
- "margin-top": "20px"
42100
- }
42101
- }, [_c('PButtonGroup', {
42102
- staticClass: "btn-group",
42103
- attrs: {
42104
- "segmented": ""
42105
- }
42106
- }, [_vm.monthlyPlan.length && _vm.yearlyPlan.length ? _c('PButton', {
42107
- class: _vm.selectedPlan === 'monthly' ? 'plan-active-tab' : '',
42108
- style: _vm.selectedPlan === 'monthly' ? _vm.monthlySelectedStyle : _vm.monthlyStyle,
42109
- on: {
42110
- "click": function ($event) {
42111
- return _vm.selectPlan('monthly');
42112
- }
42113
- }
42114
- }, [_c('p', {
42115
- staticStyle: {
42116
- "font-size": "17px",
42117
- "font-weight": "500"
42118
- },
42119
- attrs: {
42120
- "slot": "default"
42121
- },
42122
- slot: "default"
42123
- }, [_vm._v(_vm._s(_vm.translateMe('Monthly')))])]) : _vm._e(), _vm._v(" "), _vm.yearlyPlan.length && _vm.monthlyPlan.length ? _c('PButton', {
42124
- class: _vm.selectedPlan === 'annually' ? 'plan-active-tab' : '',
42125
- style: _vm.selectedPlan === 'annually' ? _vm.yearlySelectedStyle : _vm.yearlyStyle,
42126
- attrs: {
42127
- "primary": _vm.selectedPlan === 'annually'
42128
- },
42129
- on: {
42130
- "click": function ($event) {
42131
- return _vm.selectPlan('annually');
42132
- }
42133
- }
42134
- }, [_c('YearlyPlanPromotion')], 1) : _vm._e()], 1)], 1)], 1), _vm._v(" "), _c('hr', {
42135
- staticStyle: {
42136
- "width": "100%",
42137
- "margin-right": "auto",
42138
- "margin-left": "auto",
42139
- "margin-bottom": "20px"
42140
- }
42141
- }), _vm._v(" "), _c('PLayout', {
42142
- staticClass: "custom-plan"
42143
- }, [_c('PLayoutSection', [[[_c('PDataTable', {
42144
- staticClass: "plan-table"
42145
- }, [_c('template', {
42146
- slot: "head"
42147
- }, [_vm.selectedPlan === 'monthly' ? _c('PDataTableRow', {
42148
- staticStyle: {
42149
- "box-shadow": "none!important"
42150
- }
42151
- }, [_c('PDataTableCol', {
42152
- staticClass: "plan-heading",
42153
- staticStyle: {
42154
- "opacity": "0",
42155
- "visibility": "hidden",
42156
- "border": "0 !important"
42157
- }
42158
- }, [_c('b', [_vm._v(_vm._s(_vm.translateMe('features')))])]), _vm._v(" "), _vm._l(_vm.monthlyPlan, function (plan, key) {
42159
- return [_c('PDataTableCol', {
42160
- class: {
42161
- 'first-column': key === 0,
42162
- 'plan-heading': true,
42163
- 'last-column': key + 1 === _vm.monthlyPlan.length
42164
- },
42165
- style: _vm.activePlanStyle(plan)
42166
- }, [plan.name !== 'Free' ? _c('b', {
42167
- staticStyle: {
42168
- "font-size": "16px"
42169
- }
42170
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]) : _vm._e(), _vm._v(" "), plan.price === 0 ? _c('div', [_c('p', {
42171
- staticStyle: {
42172
- "display": "flex",
42173
- "margin-top": "10px"
42174
- }
42175
- }, [_c('PHeading', {
42176
- staticStyle: {
42177
- "font-size": "25px",
42178
- "font-weight": "700"
42179
- }
42180
- }, [_vm._v(_vm._s(_vm.translateMe('Free')))])], 1)]) : plan.discount && plan.discount > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42181
- staticStyle: {
42182
- "display": "flex",
42183
- "margin-top": "10px"
42184
- }
42185
- }, [_c('PHeading', {
42186
- staticStyle: {
42187
- "font-size": "25px",
42188
- "font-weight": "700"
42189
- }
42190
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
42191
- staticStyle: {
42192
- "margin-top": "5px",
42193
- "font-size": "17px"
42194
- }
42195
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1), _vm._v(" "), _c('p', {
42196
- staticStyle: {
42197
- "display": "flex",
42198
- "margin-top": "7px"
42199
- }
42200
- }, [_c('PHeading', {
42201
- staticStyle: {
42202
- "font-size": "18px",
42203
- "font-weight": "500",
42204
- "text-decoration": "line-through"
42205
- }
42206
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42207
- staticStyle: {
42208
- "margin-top": "3px",
42209
- "font-size": "14px"
42210
- }
42211
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length > 0 && _vm.promotional_discount.plan_relation.includes(plan.id) && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42212
- staticStyle: {
42213
- "display": "flex",
42214
- "margin-top": "10px"
42215
- }
42216
- }, [_c('PHeading', {
42217
- staticStyle: {
42218
- "font-size": "25px",
42219
- "font-weight": "700"
42220
- }
42221
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
42222
- staticStyle: {
42223
- "margin-top": "5px",
42224
- "font-size": "17px"
42225
- }
42226
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1), _vm._v(" "), _c('p', {
42227
- staticStyle: {
42228
- "display": "flex",
42229
- "margin-top": "7px"
42230
- }
42231
- }, [_c('PHeading', {
42232
- staticStyle: {
42233
- "font-size": "18px",
42234
- "font-weight": "500",
42235
- "text-decoration": "line-through"
42236
- }
42237
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42238
- staticStyle: {
42239
- "margin-top": "3px",
42240
- "font-size": "14px"
42241
- }
42242
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length === 0 && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42243
- staticStyle: {
42244
- "display": "flex",
42245
- "margin-top": "10px"
42246
- }
42247
- }, [_c('PHeading', {
42248
- staticStyle: {
42249
- "font-size": "25px",
42250
- "font-weight": "700"
42251
- }
42252
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
42253
- staticStyle: {
42254
- "margin-top": "5px",
42255
- "font-size": "17px"
42256
- }
42257
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1), _vm._v(" "), _c('p', {
42258
- staticStyle: {
42259
- "display": "flex",
42260
- "margin-top": "7px"
42261
- }
42262
- }, [_c('PHeading', {
42263
- staticStyle: {
42264
- "font-size": "18px",
42265
- "font-weight": "500",
42266
- "text-decoration": "line-through"
42267
- }
42268
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42269
- staticStyle: {
42270
- "margin-top": "3px",
42271
- "font-size": "14px"
42272
- }
42273
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)]) : _c('div', [_c('p', {
42274
- staticStyle: {
42275
- "display": "flex",
42276
- "margin-top": "10px"
42277
- }
42278
- }, [_c('PHeading', {
42279
- staticStyle: {
42280
- "font-size": "25px",
42281
- "font-weight": "700"
42282
- }
42283
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42284
- staticStyle: {
42285
- "margin-top": "5px",
42286
- "font-size": "17px"
42287
- }
42288
- }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)])])];
42289
- })], 2) : _c('PDataTableRow', [_c('PDataTableCol', {
42290
- staticClass: "plan-heading",
42291
- staticStyle: {
42292
- "opacity": "0",
42293
- "visibility": "hidden",
42294
- "border": "0 !important"
42295
- }
42296
- }, [_c('b', [_vm._v(_vm._s(_vm.translateMe('features')))])]), _vm._v(" "), _vm._l(_vm.yearlyPlan, function (plan, key) {
42297
- return [_c('PDataTableCol', {
42298
- class: {
42299
- 'first-column': key === 0,
42300
- 'plan-heading': true,
42301
- 'last-column': key + 1 === _vm.yearlyPlan.length
42302
- },
42303
- style: _vm.activePlanStyle(plan)
42304
- }, [plan.name !== 'Free' ? _c('b', {
42305
- staticStyle: {
42306
- "font-size": "16px"
42307
- }
42308
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]) : _vm._e(), _vm._v(" "), plan.price === 0 ? _c('div', [_c('p', {
42309
- staticStyle: {
42310
- "display": "flex",
42311
- "margin-top": "10px"
42312
- }
42313
- }, [_c('PHeading', {
42314
- staticStyle: {
42315
- "font-size": "25px",
42316
- "font-weight": "700"
42317
- }
42318
- }, [_vm._v(_vm._s(_vm.translateMe('Free')))])], 1)]) : plan.discount && plan.discount > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42319
- staticStyle: {
42320
- "display": "flex",
42321
- "margin-top": "10px"
42322
- }
42323
- }, [_c('PHeading', {
42324
- staticStyle: {
42325
- "font-size": "25px",
42326
- "font-weight": "700"
42327
- }
42328
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
42329
- staticStyle: {
42330
- "margin-top": "5px",
42331
- "font-size": "17px"
42332
- }
42333
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1), _vm._v(" "), _c('p', {
42334
- staticStyle: {
42335
- "display": "flex",
42336
- "margin-top": "7px"
42337
- }
42338
- }, [_c('PHeading', {
42339
- staticStyle: {
42340
- "font-size": "18px",
42341
- "font-weight": "500",
42342
- "text-decoration": "line-through"
42343
- }
42344
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42345
- staticStyle: {
42346
- "margin-top": "3px",
42347
- "font-size": "14px"
42348
- }
42349
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length > 0 && _vm.promotional_discount.plan_relation.includes(plan.id) && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42350
- staticStyle: {
42351
- "display": "flex",
42352
- "margin-top": "10px"
42353
- }
42354
- }, [_c('PHeading', {
42355
- staticStyle: {
42356
- "font-size": "25px",
42357
- "font-weight": "700"
42358
- }
42359
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
42360
- staticStyle: {
42361
- "margin-top": "5px",
42362
- "font-size": "17px"
42363
- }
42364
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1), _vm._v(" "), _c('p', {
42365
- staticStyle: {
42366
- "display": "flex",
42367
- "margin-top": "7px"
42368
- }
42369
- }, [_c('PHeading', {
42370
- staticStyle: {
42371
- "font-size": "18px",
42372
- "font-weight": "500",
42373
- "text-decoration": "line-through"
42374
- }
42375
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42376
- staticStyle: {
42377
- "margin-top": "3px",
42378
- "font-size": "14px"
42379
- }
42380
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length === 0 && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
42381
- staticStyle: {
42382
- "display": "flex",
42383
- "margin-top": "10px"
42384
- }
42385
- }, [_c('PHeading', {
42386
- staticStyle: {
42387
- "font-size": "25px",
42388
- "font-weight": "700"
42389
- }
42390
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
42391
- staticStyle: {
42392
- "margin-top": "5px",
42393
- "font-size": "17px"
42394
- }
42395
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1), _vm._v(" "), _c('p', {
42396
- staticStyle: {
42397
- "display": "flex",
42398
- "margin-top": "7px"
42399
- }
42400
- }, [_c('PHeading', {
42401
- staticStyle: {
42402
- "font-size": "18px",
42403
- "font-weight": "500",
42404
- "text-decoration": "line-through"
42405
- }
42406
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42407
- staticStyle: {
42408
- "margin-top": "3px",
42409
- "font-size": "14px"
42410
- }
42411
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)]) : _c('div', [_c('p', {
42412
- staticStyle: {
42413
- "display": "flex",
42414
- "margin-top": "10px"
42415
- }
42416
- }, [_c('PHeading', {
42417
- staticStyle: {
42418
- "font-size": "25px",
42419
- "font-weight": "700"
42420
- }
42421
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
42422
- staticStyle: {
42423
- "margin-top": "5px",
42424
- "font-size": "17px"
42425
- }
42426
- }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)])])];
42427
- })], 2)], 1), _vm._v(" "), _c('template', {
42428
- slot: "body"
42429
- }, [_vm._l(_vm.featuresByGroup, function (featureGroup, groupKey) {
42430
- return [groupKey !== 'null' ? _c('PDataTableRow', {
42431
- staticClass: "app-manager-group-row"
42432
- }, [_c('PDataTableCol', {
42433
- staticClass: "app-manager-group-cell",
42434
- attrs: {
42435
- "colspan": _vm.selectedPlan === 'monthly' ? _vm.monthlyPlan.length + 1 : _vm.yearlyPlan.length + 1
42436
- }
42437
- }, [_vm._v(_vm._s(_vm.translateMe(groupKey)))])], 1) : _vm._e(), _vm._v(" "), _vm._l(featureGroup, function (feature, rIndex) {
42438
- return _c('PDataTableRow', {
42439
- key: "row-" + (rIndex + groupKey)
42440
- }, [_c('PDataTableCol', {
42441
- class: "feature__type__" + feature.value_type + " feature__class"
42442
- }, [_vm._v(_vm._s(_vm.translateMe(feature.name)))]), _vm._v(" "), _vm._l(_vm.selectedPlan === 'monthly' ? _vm.monthlyPlan : _vm.yearlyPlan, function (plan, cIndex) {
42443
- return _c('PDataTableCol', {
42444
- key: "cell-" + cIndex + "-row-" + rIndex,
42445
- class: "feature__type__" + feature.value_type,
42446
- style: _vm.activePlanStyle(plan)
42447
- }, [plan.features ? [feature.value_type === 'boolean' ? [plan.features[feature.uuid] ? _c('PIcon', {
42448
- attrs: {
42449
- "color": "success",
42450
- "source": "TickMinor"
42451
- }
42452
- }) : _c('PIcon', {
42453
- attrs: {
42454
- "color": "subdued",
42455
- "source": "MinusMinor"
42456
- }
42457
- })] : [plan.features[feature.uuid] ? _c('span', [_vm._v(_vm._s(_vm.translateMe(_vm.format(plan.features[feature.uuid]))))]) : _c('PIcon', {
42458
- attrs: {
42459
- "color": "subdued",
42460
- "source": "MinusMinor"
42461
- }
42462
- })]] : [_c('PIcon', {
42463
- attrs: {
42464
- "color": "subdued",
42465
- "source": "MinusMinor"
42466
- }
42467
- })]], 2);
42468
- })], 2);
42469
- })];
42470
- }), _vm._v(" "), _vm.plans.length ? _c('PDataTableRow', {
42471
- staticClass: "row-alignment"
42472
- }, [_c('PDataTableCol'), _vm._v(" "), _vm._l(_vm.selectedPlan === 'monthly' ? _vm.monthlyPlan : _vm.yearlyPlan, function (plan, cIndex) {
42473
- return _c('PDataTableCol', {
42474
- key: "cell-" + cIndex + "-row-plan",
42475
- staticStyle: {
42476
- "max-width": "0"
42477
- }
42478
- }, [_vm.isCurrentPlan(plan) ? _c('PButton', {
42479
- attrs: {
42480
- "disabled": _vm.isCurrentPlan(plan),
42481
- "full-width": "",
42482
- "pressed": _vm.isCurrentPlan(plan)
42483
- }
42484
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Current Plan')) + "\n ")]) : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan) ? _c('PButton', {
42485
- class: _vm.planChooseButtonClass(plan),
42486
- attrs: {
42487
- "full-width": "",
42488
- "primary": _vm.isPlanButtonColor(plan)
42489
- },
42490
- on: {
42491
- "click": function ($event) {
42492
- plan ? _vm.getPlanUrl(plan) : 'javascript:void';
42493
- }
42494
- }
42495
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Choose Plan')) + "\n ")]) : _c('PButton', {
42496
- attrs: {
42497
- "disabled": true,
42498
- "full-width": "",
42499
- "pressed": true
42500
- }
42501
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Not applicable')) + "\n ")]), _vm._v(" "), plan.store_base_plan && _vm.shop.plan && plan.shopify_plans.includes(_vm.shop.shopify_plan) && !_vm.isCurrentPlan(plan) ? _c('PTextContainer', {
42502
- staticClass: "footer-note-container"
42503
- }, [plan.store_base_plan && !plan.shopify_plans.includes(_vm.shop.shopify_plan) && !_vm.isCurrentPlan(plan) && !_vm.isSamePlanInOtherInterval(plan) ? _c('PTextStyle', {
42504
- staticClass: "text-break"
42505
- }, [_vm._v(_vm._s(_vm.translateMe('Note: On account of your recent Shopify plan upgrade, you should consider upgrading your current app plan')))]) : _vm._e()], 1) : _vm._e()], 1);
42506
- })], 2) : _vm._e()], 2)], 2)]], _vm._v(" "), _vm.onboard ? _c('PStack', {
42507
- staticClass: "choose-plan-btn",
42508
- attrs: {
42509
- "alignment": "center",
42510
- "distribution": "center",
42511
- "vertical": ""
42512
- }
42513
- }, [_c('PStackItem', {
42514
- attrs: {
42515
- "fill": ""
42516
- }
42517
- }, [_c('PButton', {
42518
- attrs: {
42519
- "plain": ""
42520
- },
42521
- on: {
42522
- "click": _vm.activePlan
42523
- }
42524
- }, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners', {
42525
- on: {
42526
- "handlePlanBannerClose": _vm.handlePlanBannerClose
42527
- }
42528
- })], 2)], 1)], 1);
42022
+ });
42529
42023
  };
42530
42024
 
42531
42025
  var __vue_staticRenderFns__$2 = [];
@@ -42533,7 +42027,7 @@ var __vue_staticRenderFns__$2 = [];
42533
42027
 
42534
42028
  const __vue_inject_styles__$2 = function (inject) {
42535
42029
  if (!inject) return;
42536
- inject("data-v-30b3ef74_0", {
42030
+ inject("data-v-9a387b72_0", {
42537
42031
  source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table thead tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}.app-manager .app-manager-plan-page .light-green-cell{background-color:#f0f8f5;color:#257f60}.app-manager .app-manager-plan-page .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager .app-manager-plan-page .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}",
42538
42032
  map: undefined,
42539
42033
  media: undefined
@@ -43097,395 +42591,12 @@ var __vue_render__$1 = function () {
43097
42591
 
43098
42592
  var _c = _vm._self._c || _h;
43099
42593
 
43100
- return _vm.planLoading ? _c('PSkeletonPage', {
43101
- attrs: {
43102
- "title": _vm.translateMe('Plans'),
43103
- "fullWidth": false,
43104
- "primaryAction": "",
43105
- "secondaryActions": 2,
43106
- "breadcrumbs": false
43107
- }
43108
- }, [_c('PLayout', [_c('PLayoutSection', {
43109
- attrs: {
43110
- "oneThird": ""
43111
- }
43112
- }, [_c('PCard', {
43113
- attrs: {
43114
- "sectioned": ""
43115
- }
43116
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
43117
- attrs: {
43118
- "size": "small"
43119
- }
43120
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1), _vm._v(" "), _c('PLayoutSection', {
43121
- attrs: {
43122
- "oneThird": ""
43123
- }
43124
- }, [_c('PCard', {
43125
- attrs: {
43126
- "sectioned": ""
43127
- }
43128
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
43129
- attrs: {
43130
- "size": "small"
43131
- }
43132
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1), _vm._v(" "), _c('PLayoutSection', {
43133
- attrs: {
43134
- "oneThird": ""
43135
- }
43136
- }, [_c('PCard', {
43137
- attrs: {
43138
- "sectioned": ""
43139
- }
43140
- }, [_c('PTextContainer', [_c('PSkeletonDisplayText', {
43141
- attrs: {
43142
- "size": "small"
43143
- }
43144
- }), _vm._v(" "), _c('PSkeletonBodyText')], 1)], 1)], 1)], 1), _vm._v(" "), _c('PLayout', {
43145
- staticStyle: {
43146
- "margin-top": "20px"
43147
- }
43148
- }, [_c('PLayoutSection', [_c('PCard', {
43149
- attrs: {
43150
- "sectioned": ""
43151
- }
43152
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
43153
- attrs: {
43154
- "sectioned": ""
43155
- }
43156
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
43157
- attrs: {
43158
- "sectioned": ""
43159
- }
43160
- }, [_c('PSkeletonBodyText')], 1), _vm._v(" "), _c('PCard', {
43161
- attrs: {
43162
- "sectioned": ""
43163
- }
43164
- }, [_c('PSkeletonBodyText')], 1)], 1)], 1)], 1) : !this.planLoading && this.plans.length === 0 ? _c('PEmptyState', {
42594
+ return _c('PEmptyState', {
43165
42595
  attrs: {
43166
42596
  "heading": _vm.translateMe('No Plans'),
43167
42597
  "image": "https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
43168
42598
  }
43169
- }) : _c('PPage', {
43170
- staticClass: "app-manager-plan-page-slider custom-title",
43171
- attrs: {
43172
- "title": _vm.translateMe('Plans'),
43173
- "subtitle": _vm.subtitleContent
43174
- }
43175
- }, [_c('PStack', {
43176
- attrs: {
43177
- "slot": "primaryAction"
43178
- },
43179
- slot: "primaryAction"
43180
- }, [_c('PStackItem', {
43181
- staticStyle: {
43182
- "margin-top": "20px"
43183
- }
43184
- }, [_c('PButtonGroup', {
43185
- staticClass: "btn-group",
43186
- attrs: {
43187
- "segmented": ""
43188
- }
43189
- }, [_vm.monthlyPlan.length && _vm.yearlyPlan.length ? _c('PButton', {
43190
- class: _vm.selectedPlan === 'monthly' ? 'plan-active-tab' : '',
43191
- style: _vm.selectedPlan === 'monthly' ? _vm.monthlySelectedStyle : _vm.monthlyStyle,
43192
- on: {
43193
- "click": function ($event) {
43194
- return _vm.selectPlan('monthly');
43195
- }
43196
- }
43197
- }, [_c('p', {
43198
- staticStyle: {
43199
- "font-size": "17px",
43200
- "font-weight": "500"
43201
- },
43202
- attrs: {
43203
- "slot": "default"
43204
- },
43205
- slot: "default"
43206
- }, [_vm._v(_vm._s(_vm.translateMe('Monthly')))])]) : _vm._e(), _vm._v(" "), _vm.yearlyPlan.length && _vm.monthlyPlan.length ? _c('PButton', {
43207
- class: _vm.selectedPlan === 'annually' ? 'plan-active-tab' : '',
43208
- style: _vm.selectedPlan === 'annually' ? _vm.yearlySelectedStyle : _vm.yearlyStyle,
43209
- attrs: {
43210
- "primary": _vm.selectedPlan === 'annually'
43211
- },
43212
- on: {
43213
- "click": function ($event) {
43214
- return _vm.selectPlan('annually');
43215
- }
43216
- }
43217
- }, [_c('YearlyPlanPromotion')], 1) : _vm._e()], 1)], 1)], 1), _vm._v(" "), _c('hr', {
43218
- staticStyle: {
43219
- "width": "100%",
43220
- "margin-right": "auto",
43221
- "margin-left": "auto",
43222
- "margin-bottom": "20px"
43223
- }
43224
- }), _vm._v(" "), _c('PLayout', {
43225
- staticClass: "custom-plan"
43226
- }, [_c('PLayoutSection', {
43227
- staticStyle: {
43228
- "display": "flex",
43229
- "border-radius": "20px"
43230
- }
43231
- }, [[[_c('div', {
43232
- staticClass: "Polaris-ResourceList__ResourceListWrapper features",
43233
- staticStyle: {
43234
- "width": "30%"
43235
- }
43236
- }, [_c('div', {
43237
- staticClass: "plan__price"
43238
- }), _vm._v(" "), _c('ul', {
43239
- staticClass: "Polaris-ResourceList"
43240
- }, _vm._l(_vm.features, function (feature, key) {
43241
- return _c('li', {
43242
- key: key,
43243
- staticClass: "Polaris-ResourceList__ItemWrapper pro_title",
43244
- class: feature.value_type + "__type__" + feature.slug + " feature__type__" + feature.value_type + " feature__class"
43245
- }, [_c('div', {
43246
- staticClass: "Polaris-ResourceList-Item__Container"
43247
- }, [_c('div', {
43248
- staticClass: "Polaris-ResourceList-Item__Content"
43249
- }, [_c('h1', {
43250
- staticClass: "for-price-per-month"
43251
- }, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])])])]);
43252
- }), 0)])], _vm._v(" "), _c('carousel', {
43253
- staticStyle: {
43254
- "width": "70%"
43255
- },
43256
- attrs: {
43257
- "per-page": _vm.perPage,
43258
- "mouseDrag": false,
43259
- "navigation-enabled": true,
43260
- "paginationEnabled": false,
43261
- "navigateTo": [this.currentSlide, true]
43262
- },
43263
- on: {
43264
- "transition-start": function ($event) {
43265
- return _vm.handleNavigationClick($event);
43266
- }
43267
- }
43268
- }, [_vm._l(_vm.selectedPlan === 'monthly' ? _vm.monthlyPlan : _vm.yearlyPlan, function (plan, key) {
43269
- return _c('slide', {
43270
- key: "slide-" + key,
43271
- class: "slide-" + key,
43272
- attrs: {
43273
- "id": key
43274
- }
43275
- }, [_c('div', {
43276
- staticClass: "plan__price",
43277
- style: _vm.activePlanStyle(plan)
43278
- }, [plan.price === 0 ? _c('div', [plan.name !== 'Free' ? _c('b', {
43279
- staticStyle: {
43280
- "font-size": "16px"
43281
- }
43282
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]) : _vm._e(), _vm._v(" "), _c('p', {
43283
- staticStyle: {
43284
- "display": "flex",
43285
- "margin-top": "10px"
43286
- }
43287
- }, [_c('PHeading', {
43288
- staticStyle: {
43289
- "font-size": "25px",
43290
- "font-weight": "700"
43291
- }
43292
- }, [_vm._v(_vm._s(_vm.translateMe('Free')))])], 1)]) : plan.discount && plan.discount > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('b', {
43293
- staticStyle: {
43294
- "font-size": "16px"
43295
- }
43296
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]), _vm._v(" "), _c('p', {
43297
- staticStyle: {
43298
- "display": "flex",
43299
- "margin-top": "10px"
43300
- }
43301
- }, [_c('PHeading', {
43302
- staticStyle: {
43303
- "font-size": "25px",
43304
- "font-weight": "700"
43305
- }
43306
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculateDiscountedPrice(plan)).toFixed(2)))]), _vm._v(" "), _c('b', {
43307
- staticStyle: {
43308
- "margin-top": "5px",
43309
- "font-size": "17px"
43310
- }
43311
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1), _vm._v(" "), _c('p', {
43312
- staticStyle: {
43313
- "display": "flex",
43314
- "margin-top": "7px"
43315
- }
43316
- }, [_c('PHeading', {
43317
- staticStyle: {
43318
- "font-size": "18px",
43319
- "font-weight": "500",
43320
- "text-decoration": "line-through"
43321
- }
43322
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
43323
- staticStyle: {
43324
- "margin-top": "3px",
43325
- "font-size": "14px"
43326
- }
43327
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length > 0 && _vm.promotional_discount.plan_relation.includes(plan.id) && !_vm.isCurrentPlan(plan) ? _c('div', [_c('b', {
43328
- staticStyle: {
43329
- "font-size": "16px"
43330
- }
43331
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]), _vm._v(" "), _c('p', {
43332
- staticStyle: {
43333
- "display": "flex",
43334
- "margin-top": "10px"
43335
- }
43336
- }, [_c('PHeading', {
43337
- staticStyle: {
43338
- "font-size": "25px",
43339
- "font-weight": "700"
43340
- }
43341
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
43342
- staticStyle: {
43343
- "margin-top": "5px",
43344
- "font-size": "17px"
43345
- }
43346
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1), _vm._v(" "), _c('p', {
43347
- staticStyle: {
43348
- "display": "flex",
43349
- "margin-top": "7px"
43350
- }
43351
- }, [_c('PHeading', {
43352
- staticStyle: {
43353
- "font-size": "18px",
43354
- "font-weight": "500",
43355
- "text-decoration": "line-through"
43356
- }
43357
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
43358
- staticStyle: {
43359
- "margin-top": "3px",
43360
- "font-size": "14px"
43361
- }
43362
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.length !== 0 && !_vm.promotional_discount.errors && _vm.promotional_discount.plan_relation.length === 0 && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('b', {
43363
- staticStyle: {
43364
- "font-size": "16px"
43365
- }
43366
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]), _vm._v(" "), _c('p', {
43367
- staticStyle: {
43368
- "display": "flex",
43369
- "margin-top": "10px"
43370
- }
43371
- }, [_c('PHeading', {
43372
- staticStyle: {
43373
- "font-size": "25px",
43374
- "font-weight": "700"
43375
- }
43376
- }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
43377
- staticStyle: {
43378
- "margin-top": "5px",
43379
- "font-size": "17px"
43380
- }
43381
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1), _vm._v(" "), _c('p', {
43382
- staticStyle: {
43383
- "display": "flex",
43384
- "margin-top": "7px"
43385
- }
43386
- }, [_c('PHeading', {
43387
- staticStyle: {
43388
- "font-size": "18px",
43389
- "font-weight": "500",
43390
- "text-decoration": "line-through"
43391
- }
43392
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
43393
- staticStyle: {
43394
- "margin-top": "3px",
43395
- "font-size": "14px"
43396
- }
43397
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)]) : _c('div', [_c('b', {
43398
- staticStyle: {
43399
- "font-size": "16px"
43400
- }
43401
- }, [_vm._v(_vm._s(_vm.translateMe(plan.name)))]), _vm._v(" "), _c('p', {
43402
- staticStyle: {
43403
- "display": "flex",
43404
- "margin-top": "10px"
43405
- }
43406
- }, [_c('PHeading', {
43407
- staticStyle: {
43408
- "font-size": "25px",
43409
- "font-weight": "700"
43410
- }
43411
- }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
43412
- staticStyle: {
43413
- "margin-top": "5px",
43414
- "font-size": "17px"
43415
- }
43416
- }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)])]), _vm._v(" "), _c('div', [_c('ul', [_vm._l(_vm.features, function (feature, key) {
43417
- return _c('li', {
43418
- key: key,
43419
- class: feature.value_type + "__type__" + feature.slug + " feature__list feature__type__" + feature.value_type,
43420
- style: _vm.activePlanStyle(plan)
43421
- }, [_c('div', [plan.features && plan.features[feature.uuid] ? [plan.features[feature.uuid].value_type === 'boolean' ? [parseInt(plan.features[feature.uuid].value) === 1 ? _c('PIcon', {
43422
- attrs: {
43423
- "color": "success",
43424
- "source": "TickMinor"
43425
- }
43426
- }) : _c('PIcon', {
43427
- attrs: {
43428
- "color": "subdued",
43429
- "source": "MinusMinor"
43430
- }
43431
- })] : [plan.features[feature.uuid].value ? _c('span', [_vm._v(_vm._s(_vm.format(plan.features[feature.uuid])))]) : _c('PIcon', {
43432
- attrs: {
43433
- "color": "subdued",
43434
- "source": "MinusMinor"
43435
- }
43436
- })]] : [_c('PIcon', {
43437
- attrs: {
43438
- "color": "subdued",
43439
- "source": "MinusMinor"
43440
- }
43441
- })]], 2)]);
43442
- }), _vm._v(" "), _c('li', [_vm.isCurrentPlan(plan) ? _c('PButton', {
43443
- attrs: {
43444
- "disabled": _vm.isCurrentPlan(plan),
43445
- "full-width": "",
43446
- "pressed": _vm.isCurrentPlan(plan)
43447
- }
43448
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Current Plan')) + "\n ")]) : !plan.store_base_plan || plan.shopify_plans.includes(_vm.shop.shopify_plan) ? _c('PButton', {
43449
- class: _vm.planChooseButtonClass(plan),
43450
- attrs: {
43451
- "full-width": "",
43452
- "primary": _vm.isPlanButtonColor(plan)
43453
- },
43454
- on: {
43455
- "click": function ($event) {
43456
- plan ? _vm.getPlanUrl(plan) : 'javascript:void';
43457
- }
43458
- }
43459
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Choose Plan')) + "\n ")]) : _c('PButton', {
43460
- attrs: {
43461
- "disabled": true,
43462
- "full-width": "",
43463
- "pressed": true
43464
- }
43465
- }, [_vm._v("\n " + _vm._s(_vm.translateMe('Not applicable')) + "\n ")])], 1)], 2)])]);
43466
- })], 2)]], 2)], 1), _vm._v(" "), _vm.onboard ? _c('PStack', {
43467
- staticClass: "choose-plan-btn",
43468
- attrs: {
43469
- "alignment": "center",
43470
- "distribution": "center",
43471
- "vertical": ""
43472
- }
43473
- }, [_c('PStackItem', {
43474
- attrs: {
43475
- "fill": ""
43476
- }
43477
- }, [_c('PButton', {
43478
- attrs: {
43479
- "plain": ""
43480
- },
43481
- on: {
43482
- "click": _vm.activePlan
43483
- }
43484
- }, [_vm._v(_vm._s(_vm.translateMe('I will choose the plan later')))])], 1)], 1) : _vm._e(), _vm._v(" "), _c('PlanBanners', {
43485
- on: {
43486
- "handlePlanBannerClose": _vm.handlePlanBannerClose
43487
- }
43488
- })], 1);
42599
+ });
43489
42600
  };
43490
42601
 
43491
42602
  var __vue_staticRenderFns__$1 = [];
@@ -43493,7 +42604,7 @@ var __vue_staticRenderFns__$1 = [];
43493
42604
 
43494
42605
  const __vue_inject_styles__$1 = function (inject) {
43495
42606
  if (!inject) return;
43496
- inject("data-v-1d19f786_0", {
42607
+ inject("data-v-ab978d9c_0", {
43497
42608
  source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page-slider .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page-slider .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page-slider .VueCarousel-navigation-button{color:#257f60}.app-manager .app-manager-plan-page-slider .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page-slider .feature__list,.app-manager .app-manager-plan-page-slider .feature__type__array{display:flex;align-items:center;word-spacing:999px;justify-content:center}.app-manager .app-manager-plan-page-slider .feature__type__array.feature__class{justify-content:left}.app-manager .app-manager-plan-page-slider .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager .app-manager-plan-page-slider .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}",
43498
42609
  map: undefined,
43499
42610
  media: undefined