@salla.sa/twilight-components 1.5.12 → 1.5.14
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 +86 -134
- 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-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 +18 -7
- 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/collection/global/app.js +2 -2
- package/dist/components/salla-add-product-button.js +7 -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 +11 -7
- 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 +86 -134
- package/dist/esm/salla-scopes.entry.js +12 -17
- package/dist/esm/twilight-components.js +1 -1
- package/dist/twilight-components/p-30b2c5b0.entry.js +4 -0
- package/dist/twilight-components/p-5fb32395.entry.js +4 -0
- package/dist/twilight-components/{p-b9fe5498.entry.js → p-76cb2574.entry.js} +1 -1
- 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 +2 -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 +6 -6
- package/dist/twilight-components/p-88f8666d.entry.js +0 -4
- package/dist/twilight-components/p-952f6c78.entry.js +0 -4
|
@@ -275,12 +275,13 @@ const SallaLoading = class {
|
|
|
275
275
|
};
|
|
276
276
|
SallaLoading.style = sallaLoadingCss;
|
|
277
277
|
|
|
278
|
-
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}";
|
|
278
|
+
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}";
|
|
279
279
|
|
|
280
280
|
const SallaLocalizationModal = class {
|
|
281
281
|
constructor(hostRef) {
|
|
282
282
|
index$1.registerInstance(this, hostRef);
|
|
283
283
|
var _a, _b;
|
|
284
|
+
this.translationLoaded = false;
|
|
284
285
|
this.languages = [];
|
|
285
286
|
this.currencies = [];
|
|
286
287
|
this.isLoading = true;
|
|
@@ -295,10 +296,7 @@ const SallaLocalizationModal = class {
|
|
|
295
296
|
Helper$1.setHost(this.host);
|
|
296
297
|
salla.event.on('localization::open', () => this.open());
|
|
297
298
|
salla.lang.onLoaded(() => {
|
|
298
|
-
|
|
299
|
-
this.languagesTitle = salla.lang.get('common.titles.language');
|
|
300
|
-
this.currenciesTitle = salla.lang.get('common.titles.currency');
|
|
301
|
-
(_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(salla.lang.get('common.elements.ok'));
|
|
299
|
+
this.translationLoaded = true;
|
|
302
300
|
});
|
|
303
301
|
/**
|
|
304
302
|
* letting developer to insert his own slot like:
|
|
@@ -366,14 +364,14 @@ const SallaLocalizationModal = class {
|
|
|
366
364
|
render() {
|
|
367
365
|
return (index$1.h("salla-modal", { isLoading: this.isLoading, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, index$1.h("div", { slot: 'loading' }, index$1.h("div", { class: "s-localization-modal-skeleton" }, index$1.h("salla-skeleton", { width: '25%', height: '15px' }), index$1.h("div", { class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index$1.h("div", { class: "s-localization-modal-skeleton-item" }, index$1.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index$1.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index$1.h("salla-skeleton", { height: '10px', width: '100px' })), index$1.h("salla-skeleton", { height: '15px', width: '20px' })))), index$1.h("salla-skeleton", { width: '25%', height: '15px' }), index$1.h("div", { class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index$1.h("div", { class: "s-localization-modal-skeleton-item" }, index$1.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index$1.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index$1.h("salla-skeleton", { height: '10px', width: '100px' })), index$1.h("salla-skeleton", { height: '15px', width: '20px' })))), index$1.h("salla-skeleton", { height: '40px', width: '100%' }))), !this.isLoading ?
|
|
368
366
|
index$1.h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
|
|
369
|
-
index$1.h("div", { class: "s-localization-modal-section" }, index$1.h("label", { class: "s-localization-modal-title" },
|
|
367
|
+
index$1.h("div", { class: "s-localization-modal-section" }, index$1.h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.language')), index$1.h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?
|
|
370
368
|
this.languages.map(lang => index$1.h("div", { class: "s-localization-modal-item" }, index$1.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 }), index$1.h("div", { class: "s-localization-modal-label-slot", id: "language-slot", innerHTML: this.languageSlot
|
|
371
369
|
.replace(/\{name\}/g, lang.name)
|
|
372
370
|
.replace(/\{code\}/g, lang.code)
|
|
373
371
|
.replace(/\{country_code\}/g, lang.country_code) }))) :
|
|
374
372
|
index$1.h("select", { class: "s-localization-modal-select", name: "language", onChange: e => this.onChangeLanguage(e) }, this.languages.map(lang => index$1.h("option", { value: lang.code, selected: this.language == lang.code }, lang.name)))))
|
|
375
373
|
: '', this.currencies.length > 1 ?
|
|
376
|
-
index$1.h("div", { class: "s-localization-modal-section" }, index$1.h("label", { class: "s-localization-modal-title" },
|
|
374
|
+
index$1.h("div", { class: "s-localization-modal-section" }, index$1.h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.currency')), index$1.h("div", { class: "s-localization-modal-section-inner" }, this.currencies.length < 6 ?
|
|
377
375
|
this.currencies.map(currency => index$1.h("div", { class: "s-localization-modal-item" }, index$1.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 }), index$1.h("div", { class: "s-localization-modal-label-slot", id: "currency-slot", innerHTML: this.currencySlot
|
|
378
376
|
.replace(/\{name\}/g, currency.name)
|
|
379
377
|
.replace(/\{code\}/g, currency.code)
|
|
@@ -446,6 +444,7 @@ const SallaLoginModal = class {
|
|
|
446
444
|
*/
|
|
447
445
|
this.isEmailRequired = false;
|
|
448
446
|
this.regType = 'phone';
|
|
447
|
+
this.translationLoaded = false;
|
|
449
448
|
this.typing = (e, submitMethod) => {
|
|
450
449
|
const error = e.target.nextElementSibling;
|
|
451
450
|
e.target.classList.remove('s-has-error');
|
|
@@ -491,28 +490,13 @@ const SallaLoginModal = class {
|
|
|
491
490
|
};
|
|
492
491
|
this.title = this.host.title || salla.lang.get('blocks.header.login');
|
|
493
492
|
this.host.removeAttribute('title');
|
|
493
|
+
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
494
|
+
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.first_name') });
|
|
495
|
+
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.last_name') });
|
|
494
496
|
salla.lang.onLoaded(() => {
|
|
495
|
-
|
|
497
|
+
this.translationLoaded = true;
|
|
496
498
|
this.title = salla.lang.get('blocks.header.login');
|
|
497
|
-
this.
|
|
498
|
-
this.loginText = salla.lang.get('blocks.header.login');
|
|
499
|
-
this.smsLabel = salla.lang.get('blocks.header.sms');
|
|
500
|
-
this.mobileLabel = salla.lang.get('common.elements.mobile');
|
|
501
|
-
this.emailLabel = salla.lang.get('common.elements.email');
|
|
502
|
-
this.bySMSText = salla.lang.get('blocks.header.login_by_sms');
|
|
503
|
-
this.byEmailText = salla.lang.get('blocks.header.login_by_email');
|
|
504
|
-
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
505
|
-
this.firstNameLabel = salla.lang.get('blocks.header.your_name');
|
|
506
|
-
this.lastNameLabel = salla.lang.get('pages.profile.last_name');
|
|
507
|
-
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.firstNameLabel });
|
|
508
|
-
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.lastNameLabel });
|
|
509
|
-
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
510
|
-
(_b = this.smsBtn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('blocks.header.enter'));
|
|
511
|
-
(_c = this.emailBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('blocks.header.enter'));
|
|
512
|
-
(_d = this.regBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('blocks.header.register'));
|
|
513
|
-
});
|
|
514
|
-
salla.auth.event.onVerificationFailed(() => {
|
|
515
|
-
//
|
|
499
|
+
this.updateTranslations();
|
|
516
500
|
});
|
|
517
501
|
salla.event.on('login::open', (event) => this.open(event));
|
|
518
502
|
salla.event.on('twilight::initiated', () => {
|
|
@@ -545,6 +529,13 @@ const SallaLoginModal = class {
|
|
|
545
529
|
}
|
|
546
530
|
window.location.reload();
|
|
547
531
|
}
|
|
532
|
+
updateTranslations() {
|
|
533
|
+
var _a;
|
|
534
|
+
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
535
|
+
this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.first_name') });
|
|
536
|
+
this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: salla.lang.get('pages.profile.last_name') });
|
|
537
|
+
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
538
|
+
}
|
|
548
539
|
/**
|
|
549
540
|
* Open login component
|
|
550
541
|
*/
|
|
@@ -614,13 +605,13 @@ const SallaLoginModal = class {
|
|
|
614
605
|
}
|
|
615
606
|
render() {
|
|
616
607
|
return (index$1.h("salla-modal", { class: "s-login-modal", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, index$1.h("span", { slot: 'icon', class: "s-login-modal-header-icon", innerHTML: UserIcon }), index$1.h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
|
|
617
|
-
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab }, index$1.h("p", { class: "s-login-modal-sub-title" },
|
|
608
|
+
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab }, index$1.h("p", { class: "s-login-modal-sub-title" }, salla.lang.get('blocks.header.select_login_way')), index$1.h("slot", { name: "before-login-type" }), index$1.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, index$1.h("span", { class: "s-login-modal-main-btn-icon", innerHTML: PhoneIcon }), index$1.h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('blocks.header.sms')), index$1.h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), index$1.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, index$1.h("span", { class: "s-login-modal-main-btn-icon", innerHTML: email }), index$1.h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('common.elements.email')), index$1.h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), index$1.h("slot", { name: "after-login-type" }))
|
|
618
609
|
: '', this.isMobileAllowed ?
|
|
619
|
-
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.mobileTab = tab }, index$1.h("slot", { name: "before-login-mobile" }), index$1.h("label", { class: "s-login-modal-label" },
|
|
620
|
-
index$1.h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" },
|
|
621
|
-
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.emailTab = tab }, index$1.h("slot", { name: "before-login-email" }), index$1.h("label", { class: "s-login-modal-label" },
|
|
622
|
-
index$1.h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" },
|
|
623
|
-
: '', index$1.h("slot", { name: "after-login-email" })) : '', index$1.h("salla-verify", { display: "inline", ref: tab => this.verifyTab = tab, autoReload: false }, index$1.h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-back", innerHTML: ArrowRightIcon, slot: "after-footer", href: "#" })), index$1.h("div", { ref: tab => this.registrationTab = tab }, index$1.h("slot", { name: "before-registration" }), index$1.h("div", null, index$1.h("label", { class: "s-login-modal-label" },
|
|
610
|
+
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.mobileTab = tab }, index$1.h("slot", { name: "before-login-mobile" }), index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), index$1.h("salla-tel-input", { ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e, this.loginBySMS) }), index$1.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginBySMS(), ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter')), this.isEmailAllowed ?
|
|
611
|
+
index$1.h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '', index$1.h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
|
|
612
|
+
index$1.h("div", { class: "s-login-modal-tab", ref: tab => this.emailTab = tab }, index$1.h("slot", { name: "before-login-email" }), index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), index$1.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" }), index$1.h("span", { class: "s-login-modal-error-message" }), index$1.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter')), this.isMobileAllowed ?
|
|
613
|
+
index$1.h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_sms'))
|
|
614
|
+
: '', index$1.h("slot", { name: "after-login-email" })) : '', index$1.h("salla-verify", { display: "inline", ref: tab => this.verifyTab = tab, autoReload: false }, index$1.h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-back", innerHTML: ArrowRightIcon, slot: "after-footer", href: "#" })), index$1.h("div", { ref: tab => this.registrationTab = tab }, index$1.h("slot", { name: "before-registration" }), index$1.h("div", null, index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('blocks.header.your_name')), index$1.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') }), index$1.h("span", { class: "s-login-modal-error-message" })), index$1.h("div", null, index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('pages.profile.last_name')), index$1.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') }), index$1.h("span", { class: "s-login-modal-error-message" })), index$1.h("div", { ref: el => this.regMobileBlock = el, class: "mb-1.5" }, index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), index$1.h("salla-tel-input", { ref: el => this.regTelInput = el, onKeyDown: e => this.typing(e, this.newUser) })), index$1.h("div", { ref: el => this.regEmailBlock = el, class: "mb-1.5" }, index$1.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), index$1.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" }), index$1.h("span", { class: "s-login-modal-error-message" })), index$1.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.newUser(), ref: b => this.regBtn = b }, salla.lang.get('blocks.header.register')), index$1.h("slot", { name: "after-registration" })))));
|
|
624
615
|
}
|
|
625
616
|
get host() { return index$1.getElement(this); }
|
|
626
617
|
};
|
|
@@ -638,7 +629,7 @@ const Star3 = `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" vi
|
|
|
638
629
|
<defs>
|
|
639
630
|
<style>
|
|
640
631
|
.a {
|
|
641
|
-
fill: none;
|
|
632
|
+
fill: none !important;
|
|
642
633
|
}
|
|
643
634
|
|
|
644
635
|
.b {
|
|
@@ -731,18 +722,7 @@ const SallaLoyalty = class {
|
|
|
731
722
|
this.is_loggedin = true;
|
|
732
723
|
});
|
|
733
724
|
salla.lang.onLoaded(() => {
|
|
734
|
-
this.
|
|
735
|
-
this.exchange_points = salla.lang.get('pages.loyalty_program.exchange_points');
|
|
736
|
-
this.are_you_sure_to_exchange = salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange');
|
|
737
|
-
this.for = salla.lang.get('pages.loyalty_program.for');
|
|
738
|
-
this.confirm = salla.lang.get('pages.loyalty_program.confirm');
|
|
739
|
-
this.cancel = salla.lang.get('pages.loyalty_program.cancellation');
|
|
740
|
-
this.cart_total_point_summary = salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": this.customerPoints });
|
|
741
|
-
this.cart_point_exchange_now = salla.lang.get('pages.loyalty_program.cart_point_exchange_now');
|
|
742
|
-
this.login_button = salla.lang.get('blocks.header.login');
|
|
743
|
-
if (!this.guestMessage) {
|
|
744
|
-
this.guestMessage = salla.lang.get('pages.loyalty_program.guest_message');
|
|
745
|
-
}
|
|
725
|
+
this.translationLoaded = true;
|
|
746
726
|
});
|
|
747
727
|
}
|
|
748
728
|
setSelectedPrizeItem(item) {
|
|
@@ -764,13 +744,13 @@ const SallaLoyalty = class {
|
|
|
764
744
|
's-loyalty-prize-item-selected': !!this.selectedItem && this.selectedItem.id == item.id,
|
|
765
745
|
"s-loyalty-prize-item": true
|
|
766
746
|
};
|
|
767
|
-
return index$1.h("div", { onClick: () => this.setSelectedPrizeItem(item), class: klass }, index$1.h("img", { class: "s-loyalty-prize-item-image", src: item.image, alt: item.name }), index$1.h("div", { class: "s-loyalty-prize-item-title" }, item.name), index$1.h("div", { class: "s-loyalty-prize-item-subtitle" }, this.handleLongText(item.description)), index$1.h("div", { class: "s-loyalty-prize-item-points" }, item.cost_points, " ",
|
|
747
|
+
return index$1.h("div", { onClick: () => this.setSelectedPrizeItem(item), class: klass }, index$1.h("img", { class: "s-loyalty-prize-item-image", src: item.image, alt: item.name }), index$1.h("div", { class: "s-loyalty-prize-item-title" }, item.name), index$1.h("div", { class: "s-loyalty-prize-item-subtitle" }, this.handleLongText(item.description)), index$1.h("div", { class: "s-loyalty-prize-item-points" }, item.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), index$1.h("div", { class: "s-loyalty-prize-item-check" }, index$1.h("div", null))));
|
|
768
748
|
}
|
|
769
749
|
getConfirmationModal() {
|
|
770
750
|
var _a, _b;
|
|
771
751
|
return [
|
|
772
|
-
index$1.h("salla-placeholder", { alignment: "center", icon: Star3, class: "s-loyalty-confirmation-modal-content" }, index$1.h("div", { slot: "title", class: "s-loyalty-confirmation-title" },
|
|
773
|
-
index$1.h("div", { class: "s-loyalty-confirmation-actions" }, index$1.h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.cancelProcess() },
|
|
752
|
+
index$1.h("salla-placeholder", { alignment: "center", icon: Star3, class: "s-loyalty-confirmation-modal-content" }, index$1.h("div", { slot: "title", class: "s-loyalty-confirmation-title" }, salla.lang.get('pages.loyalty_program.exchange_points')), index$1.h("div", { slot: "description" }, salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange'), " ( ", index$1.h("strong", null, (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.cost_points), " ) ", salla.lang.get('pages.loyalty_program.for'), " ( ", index$1.h("strong", null, (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.name), " )")),
|
|
753
|
+
index$1.h("div", { class: "s-loyalty-confirmation-actions" }, index$1.h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.cancelProcess() }, salla.lang.get('pages.loyalty_program.cancellation')), index$1.h("salla-button", { loading: this.buttonLoading, width: "wide", onClick: () => this.exchangeLoyaltyPoint() }, salla.lang.get('pages.loyalty_program.confirm')))
|
|
774
754
|
];
|
|
775
755
|
}
|
|
776
756
|
getAfterExchangeUI() {
|
|
@@ -850,14 +830,14 @@ const SallaLoyalty = class {
|
|
|
850
830
|
}
|
|
851
831
|
return [
|
|
852
832
|
index$1.h("slot", { name: 'widget' }, this.customerPoints ?
|
|
853
|
-
index$1.h("salla-list-tile", { class: 's-loyalty-widget' }, index$1.h("div", { slot: "icon", class: "s-loyalty-widget-icon", innerHTML: Star2 }), index$1.h("div", { slot: "subtitle" }, this.is_loggedin ?
|
|
833
|
+
index$1.h("salla-list-tile", { class: 's-loyalty-widget' }, index$1.h("div", { slot: "icon", class: "s-loyalty-widget-icon", innerHTML: Star2 }), index$1.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')), index$1.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')))) :
|
|
854
834
|
''),
|
|
855
|
-
index$1.h("salla-modal", { noPadding: true,
|
|
835
|
+
index$1.h("salla-modal", { noPadding: true, width: "sm", ref: modal => this.confirmationModal = modal }, this.getConfirmationModal()),
|
|
856
836
|
index$1.h("salla-modal", { isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, index$1.h("div", { slot: "loading" }, index$1.h("div", { class: "s-loyalty-skeleton" }, index$1.h("salla-list-tile", { class: "s-loyalty-header" }, index$1.h("div", { slot: "icon", class: "s-loyalty-header-icon" }, index$1.h("salla-skeleton", { type: "circle", height: '6rem', width: '6rem' })), index$1.h("div", { slot: "title", class: "s-loyalty-header-title mb-5" }, index$1.h("salla-skeleton", { height: '15px', width: '50%' })), index$1.h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, index$1.h("salla-skeleton", { height: '10px' }), index$1.h("salla-skeleton", { height: '10px', width: '75%' }))), index$1.h("div", { class: "s-loyalty-skeleton-cards" }, [...Array(3)].map(() => index$1.h("div", { class: "s-loyalty-prize-item" }, index$1.h("salla-skeleton", { height: '9rem' }), index$1.h("div", { class: "s-loyalty-prize-item-title" }, index$1.h("salla-skeleton", { height: '15px', width: '75%' })), index$1.h("div", { class: "s-loyalty-prize-item-subtitle" }, index$1.h("salla-skeleton", { height: '10px', width: '50%' }), index$1.h("salla-skeleton", { height: '10px', width: '25%' })), index$1.h("div", { class: "s-loyalty-prize-item-points" }, index$1.h("salla-skeleton", { height: '15px', width: '100px' }), index$1.h("div", { class: "s-loyalty-prize-item-check" }, index$1.h("salla-skeleton", { height: '1rem', width: '1rem', type: 'circle' })))))))), !!this.loyaltyProgram ?
|
|
857
837
|
[
|
|
858
838
|
index$1.h("salla-list-tile", { id: 's-loyalty-header', class: "s-loyalty-header" }, index$1.h("div", { slot: "icon", class: "s-loyalty-header-icon", innerHTML: GiftImg }), index$1.h("div", { slot: "title", class: "s-loyalty-header-title" }, this.loyaltyProgram.prize_promotion_title), index$1.h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, this.loyaltyProgram.prize_promotion_description)),
|
|
859
839
|
index$1.h("salla-tabs", null, this.loyaltyProgram.prizes.map((prize) => index$1.h("salla-tab-header", { slot: "header", name: prize.title }, index$1.h("span", null, prize.title))), this.loyaltyProgram.prizes.map((prize) => index$1.h("salla-tab-content", { slot: "content", name: prize.title }, index$1.h("salla-swiper", { "space-between-items": "20" }, prize.items.map((item) => this.prizeItem(item)))))),
|
|
860
|
-
index$1.h("salla-button", { disabled: !this.selectedItem, width: "wide", class: "s-loyalty-program-redeem-btn", onClick: () => this.openConfirmation() },
|
|
840
|
+
index$1.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')),
|
|
861
841
|
]
|
|
862
842
|
: index$1.h("salla-placeholder", { class: "s-loyalty-placeholder", alignment: "center" })),
|
|
863
843
|
];
|
|
@@ -1063,16 +1043,10 @@ const SallaOfferModal = class {
|
|
|
1063
1043
|
index$1.registerInstance(this, hostRef);
|
|
1064
1044
|
var _a, _b;
|
|
1065
1045
|
this.offer = null;
|
|
1066
|
-
this.
|
|
1067
|
-
this.remember_my_choice = salla.lang.get('commone.remember_my_choice');
|
|
1068
|
-
this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
|
|
1069
|
-
this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
|
|
1046
|
+
this.translationLoaded = false;
|
|
1070
1047
|
Helper$1.setHost(this.host);
|
|
1071
1048
|
salla.lang.onLoaded(() => {
|
|
1072
|
-
this.
|
|
1073
|
-
this.remember_my_choice = salla.lang.get('common.elements.remember_my_choice');
|
|
1074
|
-
this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
|
|
1075
|
-
this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
|
|
1049
|
+
this.translationLoaded = true;
|
|
1076
1050
|
});
|
|
1077
1051
|
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>`;
|
|
1078
1052
|
this.productSlot = ((_b = Helper$1.getElement('[slot="product"]')) === null || _b === void 0 ? void 0 : _b.innerHTML) || this.defaultProductSlot();
|
|
@@ -1136,9 +1110,9 @@ const SallaOfferModal = class {
|
|
|
1136
1110
|
.replace(/\{image\}/g, product.thumbnail)
|
|
1137
1111
|
.replace(/\{price\}/g, product.has_special_price
|
|
1138
1112
|
? salla.money(product.price) + '<span class="s-offer-modal-product-old-price">' + salla.money(product.regular_price) + '</span>'
|
|
1139
|
-
: salla.money(product.price)) }, index$1.h("div", { class: "s-offer-modal-btn-wrap" }, index$1.h("salla-button", { width: "wide", fill: 'outline', "data-id": product.id, disabled: !product.is_available, "loader-position": "center", onClick: this.addItem }, product.is_available ?
|
|
1140
|
-
index$1.h("p", { class: "s-offer-modal-expiry" },
|
|
1141
|
-
: '', index$1.h("label", { class: "s-offer-modal-remember-label" }, index$1.h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ",
|
|
1113
|
+
: salla.money(product.price)) }, index$1.h("div", { class: "s-offer-modal-btn-wrap" }, index$1.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')))))), index$1.h("div", { class: "s-offer-modal-slider-nav" }, index$1.h("button", { class: "s-offer-modal-nav-btn s-offer-modal-prev-btn" }, index$1.h("span", { class: "s-offer-modal-nav-btn-icon", innerHTML: KeyboardArrowLeftIcon })), index$1.h("button", { class: "s-offer-modal-nav-btn s-offer-modal-next-btn" }, index$1.h("span", { class: "s-offer-modal-nav-btn-icon", innerHTML: KeyboardArrowRightIcon })))), index$1.h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
|
|
1114
|
+
index$1.h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
|
|
1115
|
+
: '', index$1.h("label", { class: "s-offer-modal-remember-label" }, index$1.h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),
|
|
1142
1116
|
] : '');
|
|
1143
1117
|
}
|
|
1144
1118
|
componentDidRender() {
|
|
@@ -1202,6 +1176,7 @@ const sallaPlaceholderCss = "";
|
|
|
1202
1176
|
const SallaPlaceholder = class {
|
|
1203
1177
|
constructor(hostRef) {
|
|
1204
1178
|
index$1.registerInstance(this, hostRef);
|
|
1179
|
+
this.translationLoaded = false;
|
|
1205
1180
|
/**
|
|
1206
1181
|
* Custom icon to display, defaults to [`sicon-inbox`]
|
|
1207
1182
|
*/
|
|
@@ -1215,8 +1190,7 @@ const SallaPlaceholder = class {
|
|
|
1215
1190
|
*/
|
|
1216
1191
|
this.iconSize = 'md';
|
|
1217
1192
|
salla.lang.onLoaded(() => {
|
|
1218
|
-
this.
|
|
1219
|
-
this.default_description = salla.lang.get('common.errors.empty_results');
|
|
1193
|
+
this.translationLoaded = true;
|
|
1220
1194
|
});
|
|
1221
1195
|
}
|
|
1222
1196
|
alignmentClass() {
|
|
@@ -1228,7 +1202,7 @@ const SallaPlaceholder = class {
|
|
|
1228
1202
|
};
|
|
1229
1203
|
}
|
|
1230
1204
|
render() {
|
|
1231
|
-
return (index$1.h(index$1.Host, { class: this.alignmentClass() }, index$1.h("div", { class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index$1.h("div", { class: "s-placeholder-title" }, index$1.h("slot", { name: 'title' }, index$1.h("span", null,
|
|
1205
|
+
return (index$1.h(index$1.Host, { class: this.alignmentClass() }, index$1.h("div", { class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index$1.h("div", { class: "s-placeholder-title" }, index$1.h("slot", { name: 'title' }, index$1.h("span", null, salla.lang.get('common.elements.no_options')))), index$1.h("div", { class: "s-placeholder-description" }, index$1.h("slot", { name: 'description' }, index$1.h("span", null, salla.lang.get('common.errors.empty_results'))))));
|
|
1232
1206
|
}
|
|
1233
1207
|
};
|
|
1234
1208
|
SallaPlaceholder.style = sallaPlaceholderCss;
|
|
@@ -1246,7 +1220,7 @@ const SallaProductAvailability = class {
|
|
|
1246
1220
|
constructor(hostRef) {
|
|
1247
1221
|
index$1.registerInstance(this, hostRef);
|
|
1248
1222
|
this.isUser = Helper$1.isUser();
|
|
1249
|
-
this.
|
|
1223
|
+
this.translationLoaded = false;
|
|
1250
1224
|
/**
|
|
1251
1225
|
* product id that can visitor subscribe to its availability notification
|
|
1252
1226
|
*/
|
|
@@ -1290,19 +1264,10 @@ const SallaProductAvailability = class {
|
|
|
1290
1264
|
e.key == 'Enter' && submitMethod();
|
|
1291
1265
|
};
|
|
1292
1266
|
salla.lang.onLoaded(() => {
|
|
1293
|
-
var _a
|
|
1294
|
-
|
|
1295
|
-
this.subscribedMessage = salla.lang.get('pages.products.notify_availability_success');
|
|
1267
|
+
var _a;
|
|
1268
|
+
this.translationLoaded = true;
|
|
1296
1269
|
this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
|
|
1297
|
-
this.subTitle = salla.lang.get('pages.products.notify_availability_subtitle');
|
|
1298
|
-
this.mobileLabel = salla.lang.get('common.elements.mobile');
|
|
1299
|
-
this.emailLabel = salla.lang.get('common.elements.email');
|
|
1300
|
-
this.emailPlaceholder = salla.lang.get('common.elements.email_placeholder') || 'your@email.com';
|
|
1301
|
-
this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
|
|
1302
1270
|
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title_);
|
|
1303
|
-
(_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('common.elements.submit'));
|
|
1304
|
-
(_c = this.cancelBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('common.elements.cancel'));
|
|
1305
|
-
(_d = this.inlineBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('pages.products.notify_availability'));
|
|
1306
1271
|
});
|
|
1307
1272
|
if (this.isUser)
|
|
1308
1273
|
return;
|
|
@@ -1320,7 +1285,7 @@ const SallaProductAvailability = class {
|
|
|
1320
1285
|
const isEmailValid = Helper$1.isValidEmail(this.email.value);
|
|
1321
1286
|
if (isEmailValid)
|
|
1322
1287
|
return;
|
|
1323
|
-
!isEmailValid && this.validateField(this.email,
|
|
1288
|
+
!isEmailValid && this.validateField(this.email, salla.lang.get('common.elements.email_is_valid'));
|
|
1324
1289
|
}
|
|
1325
1290
|
if (this.channels_.includes('sms')) {
|
|
1326
1291
|
const isPhoneValid = await this.mobileInput.isValid();
|
|
@@ -1338,19 +1303,19 @@ const SallaProductAvailability = class {
|
|
|
1338
1303
|
}
|
|
1339
1304
|
render() {
|
|
1340
1305
|
return (index$1.h(index$1.Host, { class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
|
|
1341
|
-
? index$1.h("div", { class: "s-product-availability-subscribed" }, index$1.h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), " ",
|
|
1306
|
+
? index$1.h("div", { class: "s-product-availability-subscribed" }, index$1.h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), " ", salla.lang.get('pages.products.notify_availability_success'))
|
|
1342
1307
|
:
|
|
1343
|
-
index$1.h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open()
|
|
1308
|
+
index$1.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()));
|
|
1344
1309
|
}
|
|
1345
1310
|
renderModal() {
|
|
1346
|
-
return (index$1.h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle:
|
|
1347
|
-
index$1.h("label", { class: "s-product-availability-label" },
|
|
1348
|
-
index$1.h("input", { class: "s-product-availability-input", onKeyDown: e => this.typing(e, this.submit), placeholder:
|
|
1311
|
+
return (index$1.h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: salla.lang.get('pages.products.notify_availability_subtitle'), width: "sm" }, index$1.h("span", { slot: 'icon', innerHTML: BellRingIcon }), index$1.h("div", { class: "s-product-availability-body" }, this.channels_.includes('email') ? [
|
|
1312
|
+
index$1.h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.email')),
|
|
1313
|
+
index$1.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" }),
|
|
1349
1314
|
index$1.h("span", { class: "s-product-availability-error-msg" })
|
|
1350
1315
|
] : '', this.channels_.includes('sms') ? [
|
|
1351
|
-
index$1.h("label", { class: "s-product-availability-label" },
|
|
1316
|
+
index$1.h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.mobile')),
|
|
1352
1317
|
index$1.h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
|
|
1353
|
-
] : ''), index$1.h("div", { slot: "footer", class: "s-product-availability-footer" }, index$1.h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close()
|
|
1318
|
+
] : ''), index$1.h("div", { slot: "footer", class: "s-product-availability-footer" }, index$1.h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close() }, salla.lang.get('common.elements.cancel')), index$1.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')))));
|
|
1354
1319
|
}
|
|
1355
1320
|
get host() { return index$1.getElement(this); }
|
|
1356
1321
|
static get watchers() { return {
|
|
@@ -1509,27 +1474,11 @@ const SallaRatingModal = class {
|
|
|
1509
1474
|
* The order id, to rate on its products & shipping
|
|
1510
1475
|
*/
|
|
1511
1476
|
this.orderId = salla.config.get('page.id');
|
|
1512
|
-
this.
|
|
1513
|
-
this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
|
|
1514
|
-
this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
|
|
1515
|
-
this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
|
|
1516
|
-
this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
|
|
1517
|
-
this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
|
|
1518
|
-
this.thanks = salla.lang.get('pages.rating.thanks');
|
|
1519
|
-
this.back = salla.lang.get('common.elements.back');
|
|
1520
|
-
this.next = salla.lang.get('common.elements.next');
|
|
1477
|
+
this.translationLoaded = false;
|
|
1521
1478
|
Helper$1.setHost(document);
|
|
1522
1479
|
salla.event.on('rating::open', () => this.open());
|
|
1523
1480
|
salla.lang.onLoaded(() => {
|
|
1524
|
-
this.
|
|
1525
|
-
this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
|
|
1526
|
-
this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
|
|
1527
|
-
this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
|
|
1528
|
-
this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
|
|
1529
|
-
this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
|
|
1530
|
-
this.thanks = salla.lang.get('pages.rating.thanks');
|
|
1531
|
-
this.back = salla.lang.get('common.elements.back');
|
|
1532
|
-
this.next = salla.lang.get('common.elements.next');
|
|
1481
|
+
this.translationLoaded = true;
|
|
1533
1482
|
});
|
|
1534
1483
|
}
|
|
1535
1484
|
/**
|
|
@@ -1646,14 +1595,14 @@ const SallaRatingModal = class {
|
|
|
1646
1595
|
render() {
|
|
1647
1596
|
return (index$1.h(index$1.Host, { class: "s-rating" }, index$1.h("salla-modal", { isLoading: true, width: "md", ref: modal => this.modal = modal }, this.order
|
|
1648
1597
|
? [index$1.h("div", { class: "s-rating-modal-wrapper", ref: el => this.body = el }, this.order.testimonials_enabled ?
|
|
1649
|
-
index$1.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, index$1.h("div", { class: "s-rating-modal-rounded-icon" }, index$1.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" })), index$1.h("h2", { class: "s-rating-modal-title" },
|
|
1598
|
+
index$1.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, index$1.h("div", { class: "s-rating-modal-rounded-icon" }, index$1.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" })), index$1.h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), index$1.h("div", { class: "s-rating-modal-stars-company" }, index$1.h("salla-rating-stars", { size: "large" })), index$1.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), index$1.h("small", { class: "s-rating-modal-validation-msg" }))
|
|
1650
1599
|
: '', this.order.products_enabled
|
|
1651
|
-
? index$1.h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => index$1.h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error":
|
|
1600
|
+
? index$1.h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => index$1.h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, index$1.h("div", { class: "s-rating-modal-product-img-wrap" }, index$1.h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), index$1.h("div", { class: "s-rating-modal-product-details" }, index$1.h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), index$1.h("div", { class: "s-rating-modal-stars-product" }, index$1.h("salla-rating-stars", { size: "small", name: `products[${index}][rating]` })), index$1.h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.product.id }), index$1.h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index}][comment]`, class: "s-rating-modal-comment" }), index$1.h("small", { class: "s-rating-modal-validation-msg" })))))
|
|
1652
1601
|
: '', this.order.shipping_enabled
|
|
1653
1602
|
? index$1.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, index$1.h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
|
|
1654
1603
|
? index$1.h("div", { class: "s-rating-modal-rounded-icon" }, index$1.h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
|
|
1655
|
-
: index$1.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index$1.h("div", { class: "s-rating-modal-title" }, " ",
|
|
1656
|
-
: '', index$1.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index$1.h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), index$1.h("h3", { class: "s-rating-modal-thanks-title" },
|
|
1604
|
+
: index$1.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index$1.h("div", { class: "s-rating-modal-title" }, " ", salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name), index$1.h("div", { class: "s-rating-modal-stars-company" }, index$1.h("salla-rating-stars", { size: "large" })), index$1.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index$1.h("small", { class: "s-rating-modal-validation-msg" }))
|
|
1605
|
+
: '', index$1.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index$1.h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), index$1.h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), index$1.h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), index$1.h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), index$1.h("div", { class: "s-rating-modal-footer" }, index$1.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 ? index$1.h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => index$1.h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', index$1.h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),]
|
|
1657
1606
|
: '')));
|
|
1658
1607
|
}
|
|
1659
1608
|
componentDidLoad() {
|
|
@@ -1741,6 +1690,7 @@ const SallaSearch = class {
|
|
|
1741
1690
|
index$1.registerInstance(this, hostRef);
|
|
1742
1691
|
var _a;
|
|
1743
1692
|
this.inputValue = '';
|
|
1693
|
+
this.translationLoaded = false;
|
|
1744
1694
|
this.loading = false;
|
|
1745
1695
|
this.typing = false;
|
|
1746
1696
|
this.debounce = setTimeout(() => '', 1000);
|
|
@@ -1760,8 +1710,7 @@ const SallaSearch = class {
|
|
|
1760
1710
|
this.productSlot = ((_a = Helper$1.getElement('[slot="product"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || this.getDefaultProductSlot();
|
|
1761
1711
|
salla.event.on('search::open', () => this.open());
|
|
1762
1712
|
salla.lang.onLoaded(() => {
|
|
1763
|
-
this.
|
|
1764
|
-
this.noResultsText = salla.lang.get('common.elements.no_options');
|
|
1713
|
+
this.translationLoaded = true;
|
|
1765
1714
|
});
|
|
1766
1715
|
salla.event.on('modalClosed', () => this.onModalClose());
|
|
1767
1716
|
}
|
|
@@ -1776,6 +1725,11 @@ const SallaSearch = class {
|
|
|
1776
1725
|
this.afterSearching();
|
|
1777
1726
|
this.container.classList.remove('s-search-no-results');
|
|
1778
1727
|
}
|
|
1728
|
+
handleKeyDown(ev) {
|
|
1729
|
+
if (ev.key === 'Enter') {
|
|
1730
|
+
window.location.href = salla.url.get('/search?q=' + encodeURI(this.search_term));
|
|
1731
|
+
}
|
|
1732
|
+
}
|
|
1779
1733
|
getDefaultProductSlot() {
|
|
1780
1734
|
return '<div class="s-search-product-image-container">' +
|
|
1781
1735
|
' <img class="s-search-product-image" src="{image}" alt="{name}"/>' +
|
|
@@ -1821,12 +1775,12 @@ const SallaSearch = class {
|
|
|
1821
1775
|
}
|
|
1822
1776
|
render() {
|
|
1823
1777
|
var _a;
|
|
1824
|
-
const searchContent = index$1.h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, index$1.h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder:
|
|
1778
|
+
const searchContent = index$1.h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, index$1.h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: e => this.debounceSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), index$1.h("span", { class: "s-search-icon-wrap" }, index$1.h("span", { class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"></i>' : search.Search })), index$1.h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
|
|
1825
1779
|
_a.data.map(item => index$1.h("a", { href: item.url, class: { "s-search-product": true, 's-search-product-not-available': !item.is_available }, innerHTML: this.productSlot
|
|
1826
1780
|
.replace(/\{name\}/g, item.name)
|
|
1827
1781
|
.replace(/\{price\}/g, salla.money(item.price))
|
|
1828
1782
|
.replace(/\{regular_price\}/g, item.has_special_price ? salla.money(item.regular_price) : '')
|
|
1829
|
-
.replace(/\{image\}/g, item.thumbnail) })), index$1.h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" },
|
|
1783
|
+
.replace(/\{image\}/g, item.thumbnail) })), index$1.h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
|
|
1830
1784
|
return (this.inline ?
|
|
1831
1785
|
index$1.h("div", { class: "s-search-modal" }, searchContent)
|
|
1832
1786
|
:
|
|
@@ -3248,22 +3202,20 @@ const SallaSocialShare = class {
|
|
|
3248
3202
|
}
|
|
3249
3203
|
componentWillLoad() {
|
|
3250
3204
|
let that = this;
|
|
3251
|
-
if (
|
|
3252
|
-
const script = document.createElement('script');
|
|
3253
|
-
script.src = 'https://static.addtoany.com/menu/page.js';
|
|
3254
|
-
script.setAttribute('id', 'a2a-script');
|
|
3255
|
-
script.async = true;
|
|
3256
|
-
script.onload = function () {
|
|
3257
|
-
// ? this will not work if there is one share component in the page
|
|
3258
|
-
window.a2a_config = window.a2a_config || {};
|
|
3259
|
-
window.a2a_config.linkurl = that.url ? that.url : window.location.href;
|
|
3260
|
-
window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
|
|
3261
|
-
};
|
|
3262
|
-
document.body.appendChild(script);
|
|
3263
|
-
}
|
|
3264
|
-
else {
|
|
3205
|
+
if (document.getElementById('a2a-script')) {
|
|
3265
3206
|
return;
|
|
3266
3207
|
}
|
|
3208
|
+
const script = document.createElement('script');
|
|
3209
|
+
script.src = 'https://static.addtoany.com/menu/page.js';
|
|
3210
|
+
script.setAttribute('id', 'a2a-script');
|
|
3211
|
+
script.async = true;
|
|
3212
|
+
script.onload = function () {
|
|
3213
|
+
// ? this will not work if there is one share component in the page
|
|
3214
|
+
window.a2a_config = window.a2a_config || {};
|
|
3215
|
+
window.a2a_config.linkurl = that.url ? that.url : window.location.href;
|
|
3216
|
+
window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
|
|
3217
|
+
};
|
|
3218
|
+
document.body.appendChild(script);
|
|
3267
3219
|
salla.lang.onLoaded(() => {
|
|
3268
3220
|
window.a2a_config.locale = salla.lang.locale;
|
|
3269
3221
|
});
|
|
@@ -8334,7 +8286,7 @@ const SallaTabContent = class {
|
|
|
8334
8286
|
*/
|
|
8335
8287
|
async getChild() {
|
|
8336
8288
|
return {
|
|
8337
|
-
|
|
8289
|
+
selected: this.selected.bind(this),
|
|
8338
8290
|
unselect: this.unselect.bind(this),
|
|
8339
8291
|
name: this.name
|
|
8340
8292
|
};
|
|
@@ -8342,7 +8294,7 @@ const SallaTabContent = class {
|
|
|
8342
8294
|
unselect() {
|
|
8343
8295
|
this.isSelected = false;
|
|
8344
8296
|
}
|
|
8345
|
-
|
|
8297
|
+
selected() {
|
|
8346
8298
|
this.isSelected = true;
|
|
8347
8299
|
}
|
|
8348
8300
|
render() {
|
|
@@ -8385,7 +8337,7 @@ const SallaTabHeader = class {
|
|
|
8385
8337
|
*/
|
|
8386
8338
|
async getChild() {
|
|
8387
8339
|
return {
|
|
8388
|
-
|
|
8340
|
+
selected: this.selected.bind(this),
|
|
8389
8341
|
unselect: this.unselect.bind(this),
|
|
8390
8342
|
name: this.name,
|
|
8391
8343
|
id: this.id
|
|
@@ -8457,8 +8409,8 @@ const SallaTabs = class {
|
|
|
8457
8409
|
g.header.unselect();
|
|
8458
8410
|
g.content.unselect();
|
|
8459
8411
|
});
|
|
8460
|
-
group.header.
|
|
8461
|
-
group.content.
|
|
8412
|
+
group.header.selected();
|
|
8413
|
+
group.content.selected();
|
|
8462
8414
|
}
|
|
8463
8415
|
render() {
|
|
8464
8416
|
return [
|
|
@@ -9955,6 +9907,7 @@ const SallaVerify = class {
|
|
|
9955
9907
|
index$1.registerInstance(this, hostRef);
|
|
9956
9908
|
this.verified = index$1.createEvent(this, "verified", 7);
|
|
9957
9909
|
this.initiated = false;
|
|
9910
|
+
this.translationLoaded = false;
|
|
9958
9911
|
/**
|
|
9959
9912
|
* Should render component without modal
|
|
9960
9913
|
*/
|
|
@@ -9974,16 +9927,15 @@ const SallaVerify = class {
|
|
|
9974
9927
|
this.isProfileVerify = false;
|
|
9975
9928
|
// Helper.setHost(this.host);
|
|
9976
9929
|
salla.lang.onLoaded(() => {
|
|
9977
|
-
var _a
|
|
9930
|
+
var _a;
|
|
9931
|
+
this.translationLoaded = true;
|
|
9978
9932
|
this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
|
|
9979
9933
|
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
|
|
9980
|
-
(_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('pages.profile.verify'));
|
|
9981
9934
|
});
|
|
9982
9935
|
if (this.display == 'inline') {
|
|
9983
9936
|
this.modal = { open: () => '', close: () => '', setTitle: () => '' };
|
|
9984
9937
|
return;
|
|
9985
9938
|
}
|
|
9986
|
-
//salla.profile.event.verificationCodeSent({});
|
|
9987
9939
|
salla.event.on('profile::verification', data => {
|
|
9988
9940
|
var _a;
|
|
9989
9941
|
this.isProfileVerify = true;
|