@salla.sa/twilight-components 1.5.11 → 1.5.13
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/salla-add-product-button.cjs.entry.js +7 -1
- package/dist/cjs/salla-button_24.cjs.entry.js +81 -134
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-scopes.cjs.entry.js +12 -17
- package/dist/cjs/twilight-components.cjs.js +1 -1
- package/dist/collection/assets/svg/star3.svg +1 -1
- package/dist/collection/components/salla-add-product-button/salla-add-product-button.js +7 -1
- package/dist/collection/components/salla-installment/salla-installment.js +1 -1
- package/dist/collection/components/salla-localization-modal/salla-localization-modal.css +4 -0
- package/dist/collection/components/salla-localization-modal/salla-localization-modal.js +5 -8
- package/dist/collection/components/salla-login-modal/salla-login-modal.js +25 -41
- package/dist/collection/components/salla-loyalty/salla-loyalty.js +12 -31
- package/dist/collection/components/salla-offer-modal/salla-offer-modal.js +6 -15
- package/dist/collection/components/salla-placeholder/salla-placeholder.js +5 -6
- package/dist/collection/components/salla-product-availability/salla-product-availability.js +12 -26
- package/dist/collection/components/salla-rating-modal/salla-rating-modal.js +13 -28
- package/dist/collection/components/salla-scopes/salla-scopes.js +14 -25
- package/dist/collection/components/salla-search/salla-search.js +5 -6
- package/dist/collection/components/salla-social-share/salla-social-share.js +12 -14
- package/dist/collection/components/salla-tabs/salla-tab-content.js +4 -4
- package/dist/collection/components/salla-tabs/salla-tab-header.js +3 -3
- package/dist/collection/components/salla-tabs/salla-tabs.js +3 -3
- package/dist/collection/components/salla-verify/salla-verify.js +4 -3
- package/dist/components/salla-add-product-button.js +7 -1
- package/dist/components/salla-installment.js +1 -1
- package/dist/components/salla-localization-modal.js +6 -9
- package/dist/components/salla-login-modal.js +20 -36
- package/dist/components/salla-loyalty.js +9 -28
- package/dist/components/salla-offer-modal.js +6 -15
- package/dist/components/salla-placeholder2.js +4 -5
- package/dist/components/salla-product-availability2.js +12 -26
- package/dist/components/salla-rating-modal.js +7 -22
- package/dist/components/salla-scopes.js +13 -24
- package/dist/components/salla-search.js +5 -6
- package/dist/components/salla-social-share.js +12 -14
- package/dist/components/salla-tab-content2.js +2 -2
- package/dist/components/salla-tab-header2.js +1 -1
- package/dist/components/salla-tabs2.js +3 -3
- package/dist/components/salla-verify2.js +4 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/salla-add-product-button.entry.js +7 -1
- package/dist/esm/salla-button_24.entry.js +81 -134
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-scopes.entry.js +12 -17
- package/dist/esm/twilight-components.js +1 -1
- package/dist/twilight-components/p-5fb32395.entry.js +4 -0
- package/dist/twilight-components/p-639d5426.entry.js +4 -0
- package/dist/twilight-components/{p-b9fe5498.entry.js → p-76cb2574.entry.js} +1 -1
- package/dist/twilight-components/p-9e48ca27.entry.js +4 -0
- package/dist/twilight-components/twilight-components.esm.js +1 -1
- package/dist/types/components/salla-localization-modal/salla-localization-modal.d.ts +1 -2
- package/dist/types/components/salla-login-modal/salla-login-modal.d.ts +2 -10
- package/dist/types/components/salla-loyalty/salla-loyalty.d.ts +1 -9
- package/dist/types/components/salla-offer-modal/salla-offer-modal.d.ts +1 -4
- package/dist/types/components/salla-placeholder/salla-placeholder.d.ts +1 -2
- package/dist/types/components/salla-product-availability/salla-product-availability.d.ts +1 -8
- package/dist/types/components/salla-rating-modal/salla-rating-modal.d.ts +1 -9
- package/dist/types/components/salla-scopes/salla-scopes.d.ts +1 -7
- package/dist/types/components/salla-search/salla-search.d.ts +1 -2
- package/dist/types/components/salla-tabs/interfaces.d.ts +1 -1
- package/dist/types/components/salla-tabs/salla-tab-content.d.ts +2 -2
- package/dist/types/components/salla-tabs/salla-tab-header.d.ts +1 -1
- package/dist/types/components/salla-verify/salla-verify.d.ts +1 -0
- package/dist/types/components.d.ts +2 -2
- package/package.json +5 -5
- package/dist/twilight-components/p-808466f3.entry.js +0 -4
- package/dist/twilight-components/p-88f8666d.entry.js +0 -4
- package/dist/twilight-components/p-952f6c78.entry.js +0 -4
|
@@ -271,12 +271,13 @@ const SallaLoading = class {
|
|
|
271
271
|
};
|
|
272
272
|
SallaLoading.style = sallaLoadingCss;
|
|
273
273
|
|
|
274
|
-
const sallaLocalizationModalCss = ".iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"https://cdn.salla.network/images/flags.png\");background-repeat:no-repeat;background-color:#f5f7f9;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"https://cdn.salla.network/images/flags@2x.png\")}}.iti__flag.iti__np{background-color:transparent}";
|
|
274
|
+
const sallaLocalizationModalCss = ".s-localization-modal-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"https://cdn.salla.network/images/flags.png\");background-repeat:no-repeat;background-color:#f5f7f9;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"https://cdn.salla.network/images/flags@2x.png\")}}.iti__flag.iti__np{background-color:transparent}";
|
|
275
275
|
|
|
276
276
|
const SallaLocalizationModal = class {
|
|
277
277
|
constructor(hostRef) {
|
|
278
278
|
registerInstance(this, hostRef);
|
|
279
279
|
var _a, _b;
|
|
280
|
+
this.translationLoaded = false;
|
|
280
281
|
this.languages = [];
|
|
281
282
|
this.currencies = [];
|
|
282
283
|
this.isLoading = true;
|
|
@@ -291,10 +292,7 @@ const SallaLocalizationModal = class {
|
|
|
291
292
|
Helper$1.setHost(this.host);
|
|
292
293
|
salla.event.on('localization::open', () => this.open());
|
|
293
294
|
salla.lang.onLoaded(() => {
|
|
294
|
-
|
|
295
|
-
this.languagesTitle = salla.lang.get('common.titles.language');
|
|
296
|
-
this.currenciesTitle = salla.lang.get('common.titles.currency');
|
|
297
|
-
(_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(salla.lang.get('common.elements.ok'));
|
|
295
|
+
this.translationLoaded = true;
|
|
298
296
|
});
|
|
299
297
|
/**
|
|
300
298
|
* letting developer to insert his own slot like:
|
|
@@ -362,14 +360,14 @@ const SallaLocalizationModal = class {
|
|
|
362
360
|
render() {
|
|
363
361
|
return (h("salla-modal", { isLoading: this.isLoading, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { slot: 'loading' }, h("div", { class: "s-localization-modal-skeleton" }, h("salla-skeleton", { width: '25%', height: '15px' }), h("div", { class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { width: '25%', height: '15px' }), h("div", { class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { height: '40px', width: '100%' }))), !this.isLoading ?
|
|
364
362
|
h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
|
|
365
|
-
h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" },
|
|
363
|
+
h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?
|
|
366
364
|
this.languages.map(lang => h("div", { class: "s-localization-modal-item" }, h("input", { class: "s-localization-modal-input", type: "radio", checked: this.language == lang.iso_code, onChange: () => this.language = lang.iso_code, name: "language", id: 'lang-' + lang.code.toLowerCase(), value: lang.code }), h("div", { class: "s-localization-modal-label-slot", id: "language-slot", innerHTML: this.languageSlot
|
|
367
365
|
.replace(/\{name\}/g, lang.name)
|
|
368
366
|
.replace(/\{code\}/g, lang.code)
|
|
369
367
|
.replace(/\{country_code\}/g, lang.country_code) }))) :
|
|
370
368
|
h("select", { class: "s-localization-modal-select", name: "language", onChange: e => this.onChangeLanguage(e) }, this.languages.map(lang => h("option", { value: lang.code, selected: this.language == lang.code }, lang.name)))))
|
|
371
369
|
: '', this.currencies.length > 1 ?
|
|
372
|
-
h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" },
|
|
370
|
+
h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.currency')), h("div", { class: "s-localization-modal-section-inner" }, this.currencies.length < 6 ?
|
|
373
371
|
this.currencies.map(currency => h("div", { class: "s-localization-modal-item" }, h("input", { class: "s-localization-modal-input", type: "radio", name: "currency", checked: this.currency == currency.code, onChange: () => this.currency = currency.code, id: 'currency-' + currency.code, value: currency.code }), h("div", { class: "s-localization-modal-label-slot", id: "currency-slot", innerHTML: this.currencySlot
|
|
374
372
|
.replace(/\{name\}/g, currency.name)
|
|
375
373
|
.replace(/\{code\}/g, currency.code)
|
|
@@ -442,6 +440,7 @@ const SallaLoginModal = class {
|
|
|
442
440
|
*/
|
|
443
441
|
this.isEmailRequired = false;
|
|
444
442
|
this.regType = 'phone';
|
|
443
|
+
this.translationLoaded = false;
|
|
445
444
|
this.typing = (e, submitMethod) => {
|
|
446
445
|
const error = e.target.nextElementSibling;
|
|
447
446
|
e.target.classList.remove('s-has-error');
|
|
@@ -487,28 +486,13 @@ const SallaLoginModal = class {
|
|
|
487
486
|
};
|
|
488
487
|
this.title = this.host.title || salla.lang.get('blocks.header.login');
|
|
489
488
|
this.host.removeAttribute('title');
|
|
489
|
+
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
490
|
+
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.first_name') });
|
|
491
|
+
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.last_name') });
|
|
490
492
|
salla.lang.onLoaded(() => {
|
|
491
|
-
|
|
493
|
+
this.translationLoaded = true;
|
|
492
494
|
this.title = salla.lang.get('blocks.header.login');
|
|
493
|
-
this.
|
|
494
|
-
this.loginText = salla.lang.get('blocks.header.login');
|
|
495
|
-
this.smsLabel = salla.lang.get('blocks.header.sms');
|
|
496
|
-
this.mobileLabel = salla.lang.get('common.elements.mobile');
|
|
497
|
-
this.emailLabel = salla.lang.get('common.elements.email');
|
|
498
|
-
this.bySMSText = salla.lang.get('blocks.header.login_by_sms');
|
|
499
|
-
this.byEmailText = salla.lang.get('blocks.header.login_by_email');
|
|
500
|
-
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
501
|
-
this.firstNameLabel = salla.lang.get('blocks.header.your_name');
|
|
502
|
-
this.lastNameLabel = salla.lang.get('pages.profile.last_name');
|
|
503
|
-
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.firstNameLabel });
|
|
504
|
-
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.lastNameLabel });
|
|
505
|
-
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
506
|
-
(_b = this.smsBtn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('blocks.header.enter'));
|
|
507
|
-
(_c = this.emailBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('blocks.header.enter'));
|
|
508
|
-
(_d = this.regBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('blocks.header.register'));
|
|
509
|
-
});
|
|
510
|
-
salla.auth.event.onVerificationFailed(() => {
|
|
511
|
-
//
|
|
495
|
+
this.updateTranslations();
|
|
512
496
|
});
|
|
513
497
|
salla.event.on('login::open', (event) => this.open(event));
|
|
514
498
|
salla.event.on('twilight::initiated', () => {
|
|
@@ -541,6 +525,13 @@ const SallaLoginModal = class {
|
|
|
541
525
|
}
|
|
542
526
|
window.location.reload();
|
|
543
527
|
}
|
|
528
|
+
updateTranslations() {
|
|
529
|
+
var _a;
|
|
530
|
+
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
531
|
+
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.first_name') });
|
|
532
|
+
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.last_name') });
|
|
533
|
+
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
534
|
+
}
|
|
544
535
|
/**
|
|
545
536
|
* Open login component
|
|
546
537
|
*/
|
|
@@ -610,13 +601,13 @@ const SallaLoginModal = class {
|
|
|
610
601
|
}
|
|
611
602
|
render() {
|
|
612
603
|
return (h("salla-modal", { class: "s-login-modal", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, h("span", { slot: 'icon', class: "s-login-modal-header-icon", innerHTML: UserIcon }), h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
|
|
613
|
-
h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab }, h("p", { class: "s-login-modal-sub-title" },
|
|
604
|
+
h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab }, h("p", { class: "s-login-modal-sub-title" }, salla.lang.get('blocks.header.select_login_way')), h("slot", { name: "before-login-type" }), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: PhoneIcon }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('blocks.header.sms')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: email }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('common.elements.email')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), h("slot", { name: "after-login-type" }))
|
|
614
605
|
: '', this.isMobileAllowed ?
|
|
615
|
-
h("div", { class: "s-login-modal-tab", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("label", { class: "s-login-modal-label" },
|
|
616
|
-
h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" },
|
|
617
|
-
h("div", { class: "s-login-modal-tab", ref: tab => this.emailTab = tab }, h("slot", { name: "before-login-email" }), h("label", { class: "s-login-modal-label" },
|
|
618
|
-
h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" },
|
|
619
|
-
: '', h("slot", { name: "after-login-email" })) : '', h("salla-verify", { display: "inline", ref: tab => this.verifyTab = tab, autoReload: false }, h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-back", innerHTML: ArrowRightIcon, slot: "after-footer", href: "#" })), h("div", { ref: tab => this.registrationTab = tab }, h("slot", { name: "before-registration" }), h("div", null, h("label", { class: "s-login-modal-label" },
|
|
606
|
+
h("div", { class: "s-login-modal-tab", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e, this.loginBySMS) }), h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginBySMS(), ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter')), this.isEmailAllowed ?
|
|
607
|
+
h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '', h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
|
|
608
|
+
h("div", { class: "s-login-modal-tab", ref: tab => this.emailTab = tab }, h("slot", { name: "before-login-email" }), h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), h("input", { type: "email", ref: el => this.loginEmail = el, onKeyDown: e => this.typing(e, this.loginByEmail), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }), h("span", { class: "s-login-modal-error-message" }), h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter')), this.isMobileAllowed ?
|
|
609
|
+
h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_sms'))
|
|
610
|
+
: '', h("slot", { name: "after-login-email" })) : '', h("salla-verify", { display: "inline", ref: tab => this.verifyTab = tab, autoReload: false }, h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-back", innerHTML: ArrowRightIcon, slot: "after-footer", href: "#" })), h("div", { ref: tab => this.registrationTab = tab }, h("slot", { name: "before-registration" }), h("div", null, h("label", { class: "s-login-modal-label" }, salla.lang.get('blocks.header.your_name')), h("input", { type: "text", class: "s-login-modal-input", ref: el => this.firstName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.first_name') }), h("span", { class: "s-login-modal-error-message" })), h("div", null, h("label", { class: "s-login-modal-label" }, salla.lang.get('pages.profile.last_name')), h("input", { type: "text", class: "s-login-modal-input", ref: el => this.lastName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.last_name') }), h("span", { class: "s-login-modal-error-message" })), h("div", { ref: el => this.regMobileBlock = el, class: "mb-1.5" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { ref: el => this.regTelInput = el, onKeyDown: e => this.typing(e, this.newUser) })), h("div", { ref: el => this.regEmailBlock = el, class: "mb-1.5" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), h("input", { type: "email", ref: el => this.regEmail = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }), h("span", { class: "s-login-modal-error-message" })), h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.newUser(), ref: b => this.regBtn = b }, salla.lang.get('blocks.header.register')), h("slot", { name: "after-registration" })))));
|
|
620
611
|
}
|
|
621
612
|
get host() { return getElement(this); }
|
|
622
613
|
};
|
|
@@ -634,7 +625,7 @@ const Star3 = `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" vi
|
|
|
634
625
|
<defs>
|
|
635
626
|
<style>
|
|
636
627
|
.a {
|
|
637
|
-
fill: none;
|
|
628
|
+
fill: none !important;
|
|
638
629
|
}
|
|
639
630
|
|
|
640
631
|
.b {
|
|
@@ -727,18 +718,7 @@ const SallaLoyalty = class {
|
|
|
727
718
|
this.is_loggedin = true;
|
|
728
719
|
});
|
|
729
720
|
salla.lang.onLoaded(() => {
|
|
730
|
-
this.
|
|
731
|
-
this.exchange_points = salla.lang.get('pages.loyalty_program.exchange_points');
|
|
732
|
-
this.are_you_sure_to_exchange = salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange');
|
|
733
|
-
this.for = salla.lang.get('pages.loyalty_program.for');
|
|
734
|
-
this.confirm = salla.lang.get('pages.loyalty_program.confirm');
|
|
735
|
-
this.cancel = salla.lang.get('pages.loyalty_program.cancellation');
|
|
736
|
-
this.cart_total_point_summary = salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": this.customerPoints });
|
|
737
|
-
this.cart_point_exchange_now = salla.lang.get('pages.loyalty_program.cart_point_exchange_now');
|
|
738
|
-
this.login_button = salla.lang.get('blocks.header.login');
|
|
739
|
-
if (!this.guestMessage) {
|
|
740
|
-
this.guestMessage = salla.lang.get('pages.loyalty_program.guest_message');
|
|
741
|
-
}
|
|
721
|
+
this.translationLoaded = true;
|
|
742
722
|
});
|
|
743
723
|
}
|
|
744
724
|
setSelectedPrizeItem(item) {
|
|
@@ -760,13 +740,13 @@ const SallaLoyalty = class {
|
|
|
760
740
|
's-loyalty-prize-item-selected': !!this.selectedItem && this.selectedItem.id == item.id,
|
|
761
741
|
"s-loyalty-prize-item": true
|
|
762
742
|
};
|
|
763
|
-
return h("div", { onClick: () => this.setSelectedPrizeItem(item), class: klass }, h("img", { class: "s-loyalty-prize-item-image", src: item.image, alt: item.name }), h("div", { class: "s-loyalty-prize-item-title" }, item.name), h("div", { class: "s-loyalty-prize-item-subtitle" }, this.handleLongText(item.description)), h("div", { class: "s-loyalty-prize-item-points" }, item.cost_points, " ",
|
|
743
|
+
return h("div", { onClick: () => this.setSelectedPrizeItem(item), class: klass }, h("img", { class: "s-loyalty-prize-item-image", src: item.image, alt: item.name }), h("div", { class: "s-loyalty-prize-item-title" }, item.name), h("div", { class: "s-loyalty-prize-item-subtitle" }, this.handleLongText(item.description)), h("div", { class: "s-loyalty-prize-item-points" }, item.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), h("div", { class: "s-loyalty-prize-item-check" }, h("div", null))));
|
|
764
744
|
}
|
|
765
745
|
getConfirmationModal() {
|
|
766
746
|
var _a, _b;
|
|
767
747
|
return [
|
|
768
|
-
h("salla-placeholder", { alignment: "center", icon: Star3, class: "s-loyalty-confirmation-modal-content" }, h("div", { slot: "title", class: "s-loyalty-confirmation-title" },
|
|
769
|
-
h("div", { class: "s-loyalty-confirmation-actions" }, h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.cancelProcess() },
|
|
748
|
+
h("salla-placeholder", { alignment: "center", icon: Star3, class: "s-loyalty-confirmation-modal-content" }, h("div", { slot: "title", class: "s-loyalty-confirmation-title" }, salla.lang.get('pages.loyalty_program.exchange_points')), h("div", { slot: "description" }, salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange'), " ( ", h("strong", null, (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.cost_points), " ) ", salla.lang.get('pages.loyalty_program.for'), " ( ", h("strong", null, (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.name), " )")),
|
|
749
|
+
h("div", { class: "s-loyalty-confirmation-actions" }, h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.cancelProcess() }, salla.lang.get('pages.loyalty_program.cancellation')), h("salla-button", { loading: this.buttonLoading, width: "wide", onClick: () => this.exchangeLoyaltyPoint() }, salla.lang.get('pages.loyalty_program.confirm')))
|
|
770
750
|
];
|
|
771
751
|
}
|
|
772
752
|
getAfterExchangeUI() {
|
|
@@ -846,14 +826,14 @@ const SallaLoyalty = class {
|
|
|
846
826
|
}
|
|
847
827
|
return [
|
|
848
828
|
h("slot", { name: 'widget' }, this.customerPoints ?
|
|
849
|
-
h("salla-list-tile", { class: 's-loyalty-widget' }, h("div", { slot: "icon", class: "s-loyalty-widget-icon", innerHTML: Star2 }), h("div", { slot: "subtitle" }, this.is_loggedin ?
|
|
829
|
+
h("salla-list-tile", { class: 's-loyalty-widget' }, h("div", { slot: "icon", class: "s-loyalty-widget-icon", innerHTML: Star2 }), h("div", { slot: "subtitle" }, this.is_loggedin ? salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": this.customerPoints }) : (this.guestMessage || salla.lang.get('pages.loyalty_program.guest_message')), h("salla-button", { shape: "link", color: "primary", onClick: () => salla.event.dispatch("loyalty::open") }, this.is_loggedin ? salla.lang.get('pages.loyalty_program.cart_point_exchange_now') : salla.lang.get('blocks.header.login')))) :
|
|
850
830
|
''),
|
|
851
|
-
h("salla-modal", { noPadding: true,
|
|
831
|
+
h("salla-modal", { noPadding: true, width: "sm", ref: modal => this.confirmationModal = modal }, this.getConfirmationModal()),
|
|
852
832
|
h("salla-modal", { isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("div", { slot: "loading" }, h("div", { class: "s-loyalty-skeleton" }, h("salla-list-tile", { class: "s-loyalty-header" }, h("div", { slot: "icon", class: "s-loyalty-header-icon" }, h("salla-skeleton", { type: "circle", height: '6rem', width: '6rem' })), h("div", { slot: "title", class: "s-loyalty-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-loyalty-skeleton-cards" }, [...Array(3)].map(() => h("div", { class: "s-loyalty-prize-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-loyalty-prize-item-title" }, h("salla-skeleton", { height: '15px', width: '75%' })), h("div", { class: "s-loyalty-prize-item-subtitle" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-loyalty-prize-item-points" }, h("salla-skeleton", { height: '15px', width: '100px' }), h("div", { class: "s-loyalty-prize-item-check" }, h("salla-skeleton", { height: '1rem', width: '1rem', type: 'circle' })))))))), !!this.loyaltyProgram ?
|
|
853
833
|
[
|
|
854
834
|
h("salla-list-tile", { id: 's-loyalty-header', class: "s-loyalty-header" }, h("div", { slot: "icon", class: "s-loyalty-header-icon", innerHTML: GiftImg }), h("div", { slot: "title", class: "s-loyalty-header-title" }, this.loyaltyProgram.prize_promotion_title), h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, this.loyaltyProgram.prize_promotion_description)),
|
|
855
835
|
h("salla-tabs", null, this.loyaltyProgram.prizes.map((prize) => h("salla-tab-header", { slot: "header", name: prize.title }, h("span", null, prize.title))), this.loyaltyProgram.prizes.map((prize) => h("salla-tab-content", { slot: "content", name: prize.title }, h("salla-swiper", { "space-between-items": "20" }, prize.items.map((item) => this.prizeItem(item)))))),
|
|
856
|
-
h("salla-button", { disabled: !this.selectedItem, width: "wide", class: "s-loyalty-program-redeem-btn", onClick: () => this.openConfirmation() },
|
|
836
|
+
h("salla-button", { disabled: !this.selectedItem, width: "wide", class: "s-loyalty-program-redeem-btn", onClick: () => this.openConfirmation() }, salla.lang.get('pages.loyalty_program.exchange_points')),
|
|
857
837
|
]
|
|
858
838
|
: h("salla-placeholder", { class: "s-loyalty-placeholder", alignment: "center" })),
|
|
859
839
|
];
|
|
@@ -1059,16 +1039,10 @@ const SallaOfferModal = class {
|
|
|
1059
1039
|
registerInstance(this, hostRef);
|
|
1060
1040
|
var _a, _b;
|
|
1061
1041
|
this.offer = null;
|
|
1062
|
-
this.
|
|
1063
|
-
this.remember_my_choice = salla.lang.get('commone.remember_my_choice');
|
|
1064
|
-
this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
|
|
1065
|
-
this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
|
|
1042
|
+
this.translationLoaded = false;
|
|
1066
1043
|
Helper$1.setHost(this.host);
|
|
1067
1044
|
salla.lang.onLoaded(() => {
|
|
1068
|
-
this.
|
|
1069
|
-
this.remember_my_choice = salla.lang.get('common.elements.remember_my_choice');
|
|
1070
|
-
this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
|
|
1071
|
-
this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
|
|
1045
|
+
this.translationLoaded = true;
|
|
1072
1046
|
});
|
|
1073
1047
|
this.categorySlot = ((_a = Helper$1.getElement('[slot="category"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || `<span class="s-offer-modal-badge-icon">{tagIcon}</span><span class="s-offer-modal-badge-text">{name}</span>`;
|
|
1074
1048
|
this.productSlot = ((_b = Helper$1.getElement('[slot="product"]')) === null || _b === void 0 ? void 0 : _b.innerHTML) || this.defaultProductSlot();
|
|
@@ -1132,9 +1106,9 @@ const SallaOfferModal = class {
|
|
|
1132
1106
|
.replace(/\{image\}/g, product.thumbnail)
|
|
1133
1107
|
.replace(/\{price\}/g, product.has_special_price
|
|
1134
1108
|
? salla.money(product.price) + '<span class="s-offer-modal-product-old-price">' + salla.money(product.regular_price) + '</span>'
|
|
1135
|
-
: salla.money(product.price)) }, h("div", { class: "s-offer-modal-btn-wrap" }, h("salla-button", { width: "wide", fill: 'outline', "data-id": product.id, disabled: !product.is_available, "loader-position": "center", onClick: this.addItem }, product.is_available ?
|
|
1136
|
-
h("p", { class: "s-offer-modal-expiry" },
|
|
1137
|
-
: '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ",
|
|
1109
|
+
: salla.money(product.price)) }, h("div", { class: "s-offer-modal-btn-wrap" }, h("salla-button", { width: "wide", fill: 'outline', "data-id": product.id, disabled: !product.is_available, "loader-position": "center", onClick: this.addItem }, product.is_available ? salla.lang.get('pages.cart.add_to_cart') : salla.lang.get('pages.products.out_of_stock')))))), h("div", { class: "s-offer-modal-slider-nav" }, h("button", { class: "s-offer-modal-nav-btn s-offer-modal-prev-btn" }, h("span", { class: "s-offer-modal-nav-btn-icon", innerHTML: KeyboardArrowLeftIcon })), h("button", { class: "s-offer-modal-nav-btn s-offer-modal-next-btn" }, h("span", { class: "s-offer-modal-nav-btn-icon", innerHTML: KeyboardArrowRightIcon })))), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
|
|
1110
|
+
h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
|
|
1111
|
+
: '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),
|
|
1138
1112
|
] : '');
|
|
1139
1113
|
}
|
|
1140
1114
|
componentDidRender() {
|
|
@@ -1198,6 +1172,7 @@ const sallaPlaceholderCss = "";
|
|
|
1198
1172
|
const SallaPlaceholder = class {
|
|
1199
1173
|
constructor(hostRef) {
|
|
1200
1174
|
registerInstance(this, hostRef);
|
|
1175
|
+
this.translationLoaded = false;
|
|
1201
1176
|
/**
|
|
1202
1177
|
* Custom icon to display, defaults to [`sicon-inbox`]
|
|
1203
1178
|
*/
|
|
@@ -1211,8 +1186,7 @@ const SallaPlaceholder = class {
|
|
|
1211
1186
|
*/
|
|
1212
1187
|
this.iconSize = 'md';
|
|
1213
1188
|
salla.lang.onLoaded(() => {
|
|
1214
|
-
this.
|
|
1215
|
-
this.default_description = salla.lang.get('common.errors.empty_results');
|
|
1189
|
+
this.translationLoaded = true;
|
|
1216
1190
|
});
|
|
1217
1191
|
}
|
|
1218
1192
|
alignmentClass() {
|
|
@@ -1224,7 +1198,7 @@ const SallaPlaceholder = class {
|
|
|
1224
1198
|
};
|
|
1225
1199
|
}
|
|
1226
1200
|
render() {
|
|
1227
|
-
return (h(Host, { class: this.alignmentClass() }, h("div", { class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { class: "s-placeholder-title" }, h("slot", { name: 'title' }, h("span", null,
|
|
1201
|
+
return (h(Host, { class: this.alignmentClass() }, h("div", { class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { class: "s-placeholder-title" }, h("slot", { name: 'title' }, h("span", null, salla.lang.get('common.elements.no_options')))), h("div", { class: "s-placeholder-description" }, h("slot", { name: 'description' }, h("span", null, salla.lang.get('common.errors.empty_results'))))));
|
|
1228
1202
|
}
|
|
1229
1203
|
};
|
|
1230
1204
|
SallaPlaceholder.style = sallaPlaceholderCss;
|
|
@@ -1242,7 +1216,7 @@ const SallaProductAvailability = class {
|
|
|
1242
1216
|
constructor(hostRef) {
|
|
1243
1217
|
registerInstance(this, hostRef);
|
|
1244
1218
|
this.isUser = Helper$1.isUser();
|
|
1245
|
-
this.
|
|
1219
|
+
this.translationLoaded = false;
|
|
1246
1220
|
/**
|
|
1247
1221
|
* product id that can visitor subscribe to its availability notification
|
|
1248
1222
|
*/
|
|
@@ -1286,19 +1260,10 @@ const SallaProductAvailability = class {
|
|
|
1286
1260
|
e.key == 'Enter' && submitMethod();
|
|
1287
1261
|
};
|
|
1288
1262
|
salla.lang.onLoaded(() => {
|
|
1289
|
-
var _a
|
|
1290
|
-
|
|
1291
|
-
this.subscribedMessage = salla.lang.get('pages.products.notify_availability_success');
|
|
1263
|
+
var _a;
|
|
1264
|
+
this.translationLoaded = true;
|
|
1292
1265
|
this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
|
|
1293
|
-
this.subTitle = salla.lang.get('pages.products.notify_availability_subtitle');
|
|
1294
|
-
this.mobileLabel = salla.lang.get('common.elements.mobile');
|
|
1295
|
-
this.emailLabel = salla.lang.get('common.elements.email');
|
|
1296
|
-
this.emailPlaceholder = salla.lang.get('common.elements.email_placeholder') || 'your@email.com';
|
|
1297
|
-
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
1298
1266
|
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title_);
|
|
1299
|
-
(_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('common.elements.submit'));
|
|
1300
|
-
(_c = this.cancelBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('common.elements.cancel'));
|
|
1301
|
-
(_d = this.inlineBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('pages.products.notify_availability'));
|
|
1302
1267
|
});
|
|
1303
1268
|
if (this.isUser)
|
|
1304
1269
|
return;
|
|
@@ -1316,7 +1281,7 @@ const SallaProductAvailability = class {
|
|
|
1316
1281
|
const isEmailValid = Helper$1.isValidEmail(this.email.value);
|
|
1317
1282
|
if (isEmailValid)
|
|
1318
1283
|
return;
|
|
1319
|
-
!isEmailValid && this.validateField(this.email,
|
|
1284
|
+
!isEmailValid && this.validateField(this.email, salla.lang.get('common.elements.email_is_valid'));
|
|
1320
1285
|
}
|
|
1321
1286
|
if (this.channels_.includes('sms')) {
|
|
1322
1287
|
const isPhoneValid = await this.mobileInput.isValid();
|
|
@@ -1334,19 +1299,19 @@ const SallaProductAvailability = class {
|
|
|
1334
1299
|
}
|
|
1335
1300
|
render() {
|
|
1336
1301
|
return (h(Host, { class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
|
|
1337
|
-
? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), " ",
|
|
1302
|
+
? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), " ", salla.lang.get('pages.products.notify_availability_success'))
|
|
1338
1303
|
:
|
|
1339
|
-
h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open()
|
|
1304
|
+
h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
|
|
1340
1305
|
}
|
|
1341
1306
|
renderModal() {
|
|
1342
|
-
return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle:
|
|
1343
|
-
h("label", { class: "s-product-availability-label" },
|
|
1344
|
-
h("input", { class: "s-product-availability-input", onKeyDown: e => this.typing(e, this.submit), placeholder:
|
|
1307
|
+
return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: salla.lang.get('pages.products.notify_availability_subtitle'), width: "sm" }, h("span", { slot: 'icon', innerHTML: BellRingIcon }), h("div", { class: "s-product-availability-body" }, this.channels_.includes('email') ? [
|
|
1308
|
+
h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.email')),
|
|
1309
|
+
h("input", { class: "s-product-availability-input", onKeyDown: e => this.typing(e, this.submit), placeholder: salla.lang.get('common.elements.email_placeholder') || 'your@email.com', ref: el => this.email = el, type: "email" }),
|
|
1345
1310
|
h("span", { class: "s-product-availability-error-msg" })
|
|
1346
1311
|
] : '', this.channels_.includes('sms') ? [
|
|
1347
|
-
h("label", { class: "s-product-availability-label" },
|
|
1312
|
+
h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.mobile')),
|
|
1348
1313
|
h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
|
|
1349
|
-
] : ''), h("div", { slot: "footer", class: "s-product-availability-footer" }, h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close()
|
|
1314
|
+
] : ''), h("div", { slot: "footer", class: "s-product-availability-footer" }, h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close() }, salla.lang.get('common.elements.cancel')), h("salla-button", { class: "submit-btn", "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
|
|
1350
1315
|
}
|
|
1351
1316
|
get host() { return getElement(this); }
|
|
1352
1317
|
static get watchers() { return {
|
|
@@ -1505,27 +1470,11 @@ const SallaRatingModal = class {
|
|
|
1505
1470
|
* The order id, to rate on its products & shipping
|
|
1506
1471
|
*/
|
|
1507
1472
|
this.orderId = salla.config.get('page.id');
|
|
1508
|
-
this.
|
|
1509
|
-
this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
|
|
1510
|
-
this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
|
|
1511
|
-
this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
|
|
1512
|
-
this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
|
|
1513
|
-
this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
|
|
1514
|
-
this.thanks = salla.lang.get('pages.rating.thanks');
|
|
1515
|
-
this.back = salla.lang.get('common.elements.back');
|
|
1516
|
-
this.next = salla.lang.get('common.elements.next');
|
|
1473
|
+
this.translationLoaded = false;
|
|
1517
1474
|
Helper$1.setHost(document);
|
|
1518
1475
|
salla.event.on('rating::open', () => this.open());
|
|
1519
1476
|
salla.lang.onLoaded(() => {
|
|
1520
|
-
this.
|
|
1521
|
-
this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
|
|
1522
|
-
this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
|
|
1523
|
-
this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
|
|
1524
|
-
this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
|
|
1525
|
-
this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
|
|
1526
|
-
this.thanks = salla.lang.get('pages.rating.thanks');
|
|
1527
|
-
this.back = salla.lang.get('common.elements.back');
|
|
1528
|
-
this.next = salla.lang.get('common.elements.next');
|
|
1477
|
+
this.translationLoaded = true;
|
|
1529
1478
|
});
|
|
1530
1479
|
}
|
|
1531
1480
|
/**
|
|
@@ -1642,14 +1591,14 @@ const SallaRatingModal = class {
|
|
|
1642
1591
|
render() {
|
|
1643
1592
|
return (h(Host, { class: "s-rating" }, h("salla-modal", { isLoading: true, width: "md", ref: modal => this.modal = modal }, this.order
|
|
1644
1593
|
? [h("div", { class: "s-rating-modal-wrapper", ref: el => this.body = el }, this.order.testimonials_enabled ?
|
|
1645
|
-
h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), h("h2", { class: "s-rating-modal-title" },
|
|
1594
|
+
h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
|
|
1646
1595
|
: '', this.order.products_enabled
|
|
1647
|
-
? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error":
|
|
1596
|
+
? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, h("div", { class: "s-rating-modal-product-img-wrap" }, h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), h("div", { class: "s-rating-modal-product-details" }, h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), h("div", { class: "s-rating-modal-stars-product" }, h("salla-rating-stars", { size: "small", name: `products[${index}][rating]` })), h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.product.id }), h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index}][comment]`, class: "s-rating-modal-comment" }), h("small", { class: "s-rating-modal-validation-msg" })))))
|
|
1648
1597
|
: '', this.order.shipping_enabled
|
|
1649
1598
|
? h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
|
|
1650
1599
|
? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
|
|
1651
|
-
: h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ",
|
|
1652
|
-
: '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" },
|
|
1600
|
+
: h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ", salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
|
|
1601
|
+
: '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),]
|
|
1653
1602
|
: '')));
|
|
1654
1603
|
}
|
|
1655
1604
|
componentDidLoad() {
|
|
@@ -1737,6 +1686,7 @@ const SallaSearch = class {
|
|
|
1737
1686
|
registerInstance(this, hostRef);
|
|
1738
1687
|
var _a;
|
|
1739
1688
|
this.inputValue = '';
|
|
1689
|
+
this.translationLoaded = false;
|
|
1740
1690
|
this.loading = false;
|
|
1741
1691
|
this.typing = false;
|
|
1742
1692
|
this.debounce = setTimeout(() => '', 1000);
|
|
@@ -1756,8 +1706,7 @@ const SallaSearch = class {
|
|
|
1756
1706
|
this.productSlot = ((_a = Helper$1.getElement('[slot="product"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || this.getDefaultProductSlot();
|
|
1757
1707
|
salla.event.on('search::open', () => this.open());
|
|
1758
1708
|
salla.lang.onLoaded(() => {
|
|
1759
|
-
this.
|
|
1760
|
-
this.noResultsText = salla.lang.get('common.elements.no_options');
|
|
1709
|
+
this.translationLoaded = true;
|
|
1761
1710
|
});
|
|
1762
1711
|
salla.event.on('modalClosed', () => this.onModalClose());
|
|
1763
1712
|
}
|
|
@@ -1817,12 +1766,12 @@ const SallaSearch = class {
|
|
|
1817
1766
|
}
|
|
1818
1767
|
render() {
|
|
1819
1768
|
var _a;
|
|
1820
|
-
const searchContent = h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder:
|
|
1769
|
+
const searchContent = h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: e => this.debounceSearch(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), h("span", { class: "s-search-icon-wrap" }, h("span", { class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"></i>' : Search })), h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
|
|
1821
1770
|
_a.data.map(item => h("a", { href: item.url, class: { "s-search-product": true, 's-search-product-not-available': !item.is_available }, innerHTML: this.productSlot
|
|
1822
1771
|
.replace(/\{name\}/g, item.name)
|
|
1823
1772
|
.replace(/\{price\}/g, salla.money(item.price))
|
|
1824
1773
|
.replace(/\{regular_price\}/g, item.has_special_price ? salla.money(item.regular_price) : '')
|
|
1825
|
-
.replace(/\{image\}/g, item.thumbnail) })), h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" },
|
|
1774
|
+
.replace(/\{image\}/g, item.thumbnail) })), h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
|
|
1826
1775
|
return (this.inline ?
|
|
1827
1776
|
h("div", { class: "s-search-modal" }, searchContent)
|
|
1828
1777
|
:
|
|
@@ -3244,22 +3193,20 @@ const SallaSocialShare = class {
|
|
|
3244
3193
|
}
|
|
3245
3194
|
componentWillLoad() {
|
|
3246
3195
|
let that = this;
|
|
3247
|
-
if (
|
|
3248
|
-
const script = document.createElement('script');
|
|
3249
|
-
script.src = 'https://static.addtoany.com/menu/page.js';
|
|
3250
|
-
script.setAttribute('id', 'a2a-script');
|
|
3251
|
-
script.async = true;
|
|
3252
|
-
script.onload = function () {
|
|
3253
|
-
// ? this will not work if there is one share component in the page
|
|
3254
|
-
window.a2a_config = window.a2a_config || {};
|
|
3255
|
-
window.a2a_config.linkurl = that.url ? that.url : window.location.href;
|
|
3256
|
-
window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
|
|
3257
|
-
};
|
|
3258
|
-
document.body.appendChild(script);
|
|
3259
|
-
}
|
|
3260
|
-
else {
|
|
3196
|
+
if (document.getElementById('a2a-script')) {
|
|
3261
3197
|
return;
|
|
3262
3198
|
}
|
|
3199
|
+
const script = document.createElement('script');
|
|
3200
|
+
script.src = 'https://static.addtoany.com/menu/page.js';
|
|
3201
|
+
script.setAttribute('id', 'a2a-script');
|
|
3202
|
+
script.async = true;
|
|
3203
|
+
script.onload = function () {
|
|
3204
|
+
// ? this will not work if there is one share component in the page
|
|
3205
|
+
window.a2a_config = window.a2a_config || {};
|
|
3206
|
+
window.a2a_config.linkurl = that.url ? that.url : window.location.href;
|
|
3207
|
+
window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
|
|
3208
|
+
};
|
|
3209
|
+
document.body.appendChild(script);
|
|
3263
3210
|
salla.lang.onLoaded(() => {
|
|
3264
3211
|
window.a2a_config.locale = salla.lang.locale;
|
|
3265
3212
|
});
|
|
@@ -8330,7 +8277,7 @@ const SallaTabContent = class {
|
|
|
8330
8277
|
*/
|
|
8331
8278
|
async getChild() {
|
|
8332
8279
|
return {
|
|
8333
|
-
|
|
8280
|
+
selected: this.selected.bind(this),
|
|
8334
8281
|
unselect: this.unselect.bind(this),
|
|
8335
8282
|
name: this.name
|
|
8336
8283
|
};
|
|
@@ -8338,7 +8285,7 @@ const SallaTabContent = class {
|
|
|
8338
8285
|
unselect() {
|
|
8339
8286
|
this.isSelected = false;
|
|
8340
8287
|
}
|
|
8341
|
-
|
|
8288
|
+
selected() {
|
|
8342
8289
|
this.isSelected = true;
|
|
8343
8290
|
}
|
|
8344
8291
|
render() {
|
|
@@ -8381,7 +8328,7 @@ const SallaTabHeader = class {
|
|
|
8381
8328
|
*/
|
|
8382
8329
|
async getChild() {
|
|
8383
8330
|
return {
|
|
8384
|
-
|
|
8331
|
+
selected: this.selected.bind(this),
|
|
8385
8332
|
unselect: this.unselect.bind(this),
|
|
8386
8333
|
name: this.name,
|
|
8387
8334
|
id: this.id
|
|
@@ -8453,8 +8400,8 @@ const SallaTabs = class {
|
|
|
8453
8400
|
g.header.unselect();
|
|
8454
8401
|
g.content.unselect();
|
|
8455
8402
|
});
|
|
8456
|
-
group.header.
|
|
8457
|
-
group.content.
|
|
8403
|
+
group.header.selected();
|
|
8404
|
+
group.content.selected();
|
|
8458
8405
|
}
|
|
8459
8406
|
render() {
|
|
8460
8407
|
return [
|
|
@@ -9951,6 +9898,7 @@ const SallaVerify = class {
|
|
|
9951
9898
|
registerInstance(this, hostRef);
|
|
9952
9899
|
this.verified = createEvent(this, "verified", 7);
|
|
9953
9900
|
this.initiated = false;
|
|
9901
|
+
this.translationLoaded = false;
|
|
9954
9902
|
/**
|
|
9955
9903
|
* Should render component without modal
|
|
9956
9904
|
*/
|
|
@@ -9970,16 +9918,15 @@ const SallaVerify = class {
|
|
|
9970
9918
|
this.isProfileVerify = false;
|
|
9971
9919
|
// Helper.setHost(this.host);
|
|
9972
9920
|
salla.lang.onLoaded(() => {
|
|
9973
|
-
var _a
|
|
9921
|
+
var _a;
|
|
9922
|
+
this.translationLoaded = true;
|
|
9974
9923
|
this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
|
|
9975
9924
|
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
9976
|
-
(_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('pages.profile.verify'));
|
|
9977
9925
|
});
|
|
9978
9926
|
if (this.display == 'inline') {
|
|
9979
9927
|
this.modal = { open: () => '', close: () => '', setTitle: () => '' };
|
|
9980
9928
|
return;
|
|
9981
9929
|
}
|
|
9982
|
-
//salla.profile.event.verificationCodeSent({});
|
|
9983
9930
|
salla.event.on('profile::verification', data => {
|
|
9984
9931
|
var _a;
|
|
9985
9932
|
this.isProfileVerify = true;
|