@salla.sa/twilight-components 1.3.1 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/{salla-branches_23.cjs.entry.js → salla-button_23.cjs.entry.js} +134 -89
  4. package/dist/cjs/twilight-components.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +2 -2
  6. package/dist/collection/components/salla-scopes/interfaces.js +8 -0
  7. package/dist/collection/components/salla-scopes/salla-scopes.css +13 -0
  8. package/dist/collection/components/salla-scopes/salla-scopes.js +256 -0
  9. package/dist/collection/plugins/tailwind-theme/generator.js +1 -0
  10. package/dist/collection/plugins/tailwind-theme/index.js +27 -11
  11. package/dist/components/index.d.ts +1 -1
  12. package/dist/components/index.js +1 -1
  13. package/dist/components/{salla-branches.d.ts → salla-scopes.d.ts} +4 -4
  14. package/dist/components/salla-scopes.js +206 -0
  15. package/dist/esm/loader.js +2 -2
  16. package/dist/esm/{salla-branches_23.entry.js → salla-button_23.entry.js} +135 -90
  17. package/dist/esm/twilight-components.js +2 -2
  18. package/dist/twilight-components/p-f14b508a.entry.js +4 -0
  19. package/dist/twilight-components/twilight-components.esm.js +1 -1
  20. package/dist/types/components/salla-scopes/interfaces.d.ts +19 -0
  21. package/dist/types/components/salla-scopes/salla-scopes.d.ts +39 -0
  22. package/dist/types/components.d.ts +26 -25
  23. package/example/assets/tailwind.css +288 -113
  24. package/example/index.html +4 -4
  25. package/package.json +2 -2
  26. package/dist/collection/components/salla-branches/salla-branches.css +0 -4
  27. package/dist/collection/components/salla-branches/salla-branches.js +0 -239
  28. package/dist/components/salla-branches.js +0 -141
  29. package/dist/twilight-components/p-9a8c8e0a.entry.js +0 -4
  30. package/dist/types/components/salla-branches/salla-branches.d.ts +0 -24
@@ -1,98 +1,10 @@
1
1
  /*!
2
2
  * Crafted with ❤ by Salla
3
3
  */
4
- import { r as registerInstance, h, g as getElement, H as Host, c as createEvent } from './index-4e30ffd0.js';
4
+ import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-4e30ffd0.js';
5
5
  import { H as Helper } from './Helper-e1d414a5.js';
6
6
  import 'https://static.addtoany.com/menu/page.js';
7
7
 
8
- const sallaBranchesCss = "";
9
-
10
- const SallaBranches = class {
11
- constructor(hostRef) {
12
- registerInstance(this, hostRef);
13
- this.open = true;
14
- this.isOpenedBefore = salla.storage.get("branch-choosed-before");
15
- this.displayAs = 'default'; //todo:: change it to boolean, isPopup default false
16
- this.browseProductsFrom = 'all'; //todo:: get better name
17
- this.branches = [
18
- { id: 1, name: 'فرع الرياض', open: true, available: true, limited: false, tag: 'متوفر' },
19
- { id: 2, name: 'فرع جدة', open: false, available: false, limited: false, tag: 'غير متوفر' },
20
- { id: 3, name: 'فرع مكة', open: true, available: true, limited: false, tag: 'متوفر' },
21
- { id: 4, name: 'فرع المدينة', open: true, available: true, limited: false, tag: 'متوفر' },
22
- { id: 5, name: 'فرع جازان', open: true, available: true, limited: true, tag: 'الكمية محدودة' }
23
- ];
24
- this.current = 1;
25
- this.currentBranch = (prop) => {
26
- return this.branches.filter((el) => el.id == this.current)[0][prop];
27
- };
28
- this.statusColor = (branch = null) => {
29
- return branch ?
30
- branch.limited ? 's-branches-color-red' : branch.available ? 's-branches-color-green' : 's-branches-color-gray'
31
- :
32
- this.currentBranch('limited') ? 's-branches-color-red' : this.currentBranch('available') ? 's-branches-color-green' : 's-branches-color-gray';
33
- };
34
- this.isChoiceable = () => {
35
- return (this.browseProductsFrom !== 'all' && this.position == 'single') || this.position == 'header';
36
- };
37
- this.formTitle = () => {
38
- return this.isChoiceable() ?
39
- 'توفر المنتج في الفروع الآخرى'
40
- : 'التسوق من فرع آخر';
41
- };
42
- salla.event.on('branches::show', btn => btn.dataset.target == this.host.id && this.show());
43
- salla.lang.onLoaded(() => { var _a; return (_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(salla.lang.get('common.elements.ok')); });
44
- }
45
- //todo:: add description for all @methods
46
- async show() {
47
- var _a;
48
- return (_a = this.modal) === null || _a === void 0 ? void 0 : _a.open();
49
- }
50
- async hide() {
51
- var _a;
52
- return (_a = this.modal) === null || _a === void 0 ? void 0 : _a.close();
53
- }
54
- handelChange(event) {
55
- this.selected = event.target.value;
56
- }
57
- handleSubmit() {
58
- this.btn.load().then(() => {
59
- setTimeout(() => location.reload(), 2000);
60
- });
61
- salla.storage.set("branch-choosed-before", true);
62
- this.show();
63
- setTimeout(() => {
64
- this.current = this.selected;
65
- }, 300);
66
- }
67
- render() {
68
- return (h("salla-modal", { icon: "sicon-store-alt", "modal-title": "\u0641\u0631\u0639 \u0627\u0644\u0631\u064A\u0627\u0636", "sub-title": "\u0623\u0646\u062A \u0627\u0644\u0622\u0646 \u062A\u062A\u0635\u0641\u062D \u0627\u0644\u0645\u062A\u062C\u0631 \u0645\u0646", "sub-title-first": true,
69
- // is-closable={!this.isOpenedBefore && this.displayAs == 'popup' ? 'false' : 'true'}
70
- ref: (modal) => this.modal = modal, width: "sm", id: "s-branches-modal", class: "s-hidden" }, h("h4", { class: "s-branches-title" }, this.formTitle()), this.branches.length <= 5 ?
71
- h("div", { class: "s-branches-space-v" }, this.branches.map((branch) => h("div", { class: "s-branches-input-wrap" }, h("input", { id: this.position + '_branch_' + branch.id, disabled: !branch.open && this.isChoiceable(), name: "lang", type: "radio", value: branch.id, onChange: (event) => this.handelChange(event), class: {
72
- 's-branches-input': true,
73
- 'opacity-50': !branch.open,
74
- 's-hidden': !this.isChoiceable()
75
- }, checked: this.current == branch.id }), h("label", { htmlFor: this.position + '_branch_' + branch.id, class: {
76
- 's-branches-label': true,
77
- 's-branches-clickable': this.isChoiceable()
78
- } }, h("span", { class: { 's-branches-is-closed': !branch.open } }, branch.name), this.isChoiceable() ?
79
- h("small", { class: "s-branches-closed-badge" }, branch.open ? '' : 'مُغلق')
80
- :
81
- h("span", { class: this.statusColor(branch) }, branch.tag)))))
82
- :
83
- h("select", { class: "s-branches-select", onInput: (event) => this.handelChange(event) }, this.branches.map(branch => (h("option", { value: branch.id, disabled: !branch.open, selected: this.selected == branch.id }, branch.name, " ", branch.open ? '' : '- مُغلق')))), this.isChoiceable() ?
84
- h("slot", { name: "footer" }, h("salla-button", { ref: btn => this.btn = btn, onClick: () => this.handleSubmit(), class: "s-branches-submit", width: "wide" }, salla.lang.get('common.elements.ok')))
85
- : ''));
86
- }
87
- componentDidRender() {
88
- if (!this.isOpenedBefore && this.displayAs == 'popup') {
89
- this.show();
90
- }
91
- }
92
- get host() { return getElement(this); }
93
- };
94
- SallaBranches.style = sallaBranchesCss;
95
-
96
8
  const sallaButtonCss = "";
97
9
 
98
10
  const SallaButton = class {
@@ -1591,6 +1503,139 @@ const SallaRatingStars = class {
1591
1503
  };
1592
1504
  SallaRatingStars.style = sallaRatingStarsCss;
1593
1505
 
1506
+ const StoreAlt = `<!-- Generated by IcoMoon.io -->
1507
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1508
+ <title>store-alt</title>
1509
+ <path d="M6.667 24h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333zM31.86 10.071l-4-8c-0.227-0.452-0.688-0.737-1.193-0.737h-21.333c-0.505 0-0.967 0.285-1.193 0.737l-4 8c-0.092 0.184-0.14 0.389-0.14 0.596v18.667c0 0.737 0.597 1.333 1.333 1.333h29.333c0.736 0 1.333-0.596 1.333-1.333v-18.667c0-0.207-0.048-0.412-0.14-0.596zM6.157 4h19.685l3.333 6.667h-26.352zM24 28h-5.333v-9.333h5.333zM29.333 28h-2.667v-10.667c0-0.737-0.597-1.333-1.333-1.333h-8c-0.736 0-1.333 0.596-1.333 1.333v10.667h-13.333v-14.667h26.667zM6.667 18.667h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333z"></path>
1510
+ </svg>
1511
+ `;
1512
+
1513
+ const Search = `<!-- Generated by IcoMoon.io -->
1514
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1515
+ <title>search</title>
1516
+ <path d="M30.276 28.391l-7.576-7.576c1.644-2.053 2.633-4.652 2.633-7.481 0-6.616-5.384-12-12-12s-12 5.384-12 12 5.384 12 12 12c2.829 0 5.428-0.989 7.481-2.633l7.576 7.576c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM13.333 22.667c-5.147 0-9.333-4.187-9.333-9.333s4.187-9.333 9.333-9.333 9.333 4.187 9.333 9.333-4.187 9.333-9.333 9.333z"></path>
1517
+ </svg>
1518
+ `;
1519
+
1520
+ var ModeType;
1521
+ (function (ModeType) {
1522
+ ModeType["DEFAULT"] = "default";
1523
+ ModeType["AVAILABILITY"] = "availability";
1524
+ })(ModeType || (ModeType = {}));
1525
+
1526
+ const sallaScopesCss = ".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}";
1527
+
1528
+ const SallaScopees = class {
1529
+ constructor(hostRef) {
1530
+ registerInstance(this, hostRef);
1531
+ this.mode = ModeType.DEFAULT;
1532
+ this.scopes = [];
1533
+ this.originalScopesList = [];
1534
+ this.isDefault = true;
1535
+ /**
1536
+ * Dictates when to show the searchfield
1537
+ */
1538
+ this.searchFieldToggler = 6;
1539
+ this.getFormTitle = () => {
1540
+ var _a;
1541
+ if (((_a = this.originalScopesList) === null || _a === void 0 ? void 0 : _a.length) < 2)
1542
+ return "";
1543
+ return this.isDefault ?
1544
+ this.shoppingFromAnotherBranch :
1545
+ this.searchForAvailabilityInOtherBranch;
1546
+ };
1547
+ salla.event.on('scopes::open', ({ mode = null, product_id = null }) => {
1548
+ if (!!mode)
1549
+ this.mode = mode;
1550
+ this.isDefault = !mode || mode == ModeType.DEFAULT;
1551
+ this.open(mode, product_id);
1552
+ });
1553
+ salla.lang.onLoaded(() => {
1554
+ this.branchNotFound = salla.lang.get("blocks.scope.branch_looking_for_not_found");
1555
+ this.ourServiceIsNotFound = salla.lang.get("blocks.scope.our_services_not_available_in_this_branch");
1556
+ this.searchForAvailabilityInOtherBranch = salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
1557
+ this.shoppingFromAnotherBranch = salla.lang.get("blocks.scope.shopping_from_another_branch");
1558
+ this.nowBrowsingFrom = salla.lang.get('blocks.scope.you_are_browse_store_from');
1559
+ this.confirmButton = salla.lang.get('common.elements.confirm');
1560
+ this.scopeSearchPlaceholder = salla.lang.get('blocks.scope.searching_for_a_branch');
1561
+ });
1562
+ }
1563
+ async close() {
1564
+ var _a;
1565
+ return await ((_a = this.modal) === null || _a === void 0 ? void 0 : _a.close());
1566
+ }
1567
+ async open(mode = ModeType.DEFAULT, product_id = null) {
1568
+ this.modal.open();
1569
+ return await (mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get())
1570
+ .then((resp) => {
1571
+ if (mode == ModeType.AVAILABILITY) {
1572
+ this.setScopeValues(resp.data);
1573
+ }
1574
+ else {
1575
+ this.setScopeValues(resp.data.scopes);
1576
+ }
1577
+ }).catch(e => console.log(e))
1578
+ .finally(() => {
1579
+ this.modal.stopLoading();
1580
+ });
1581
+ }
1582
+ async handleSubmit() {
1583
+ let payload = { 'scope_id': this.current_scope.id };
1584
+ this.changeBtn.load();
1585
+ return await salla.scope.change(payload)
1586
+ .then(() => {
1587
+ window.location.reload();
1588
+ }).catch(e => console.log(e))
1589
+ .finally(() => {
1590
+ this.changeBtn.stop();
1591
+ });
1592
+ }
1593
+ setScopeValues(value) {
1594
+ this.scopes = value;
1595
+ this.originalScopesList = value;
1596
+ if (value.length == 1) {
1597
+ this.current_scope = value[0];
1598
+ this.selected_scope = value[0];
1599
+ }
1600
+ else {
1601
+ this.current_scope = value.find(scope => scope.selected);
1602
+ this.selected_scope = value.find(scope => scope.selected);
1603
+ }
1604
+ }
1605
+ handleSearchFieldTyping(e) {
1606
+ let value = e.target.value.toLocaleLowerCase();
1607
+ if (!!value) {
1608
+ this.scopes = this.originalScopesList.filter(scope => scope.name.toLowerCase().includes(value));
1609
+ }
1610
+ else {
1611
+ this.scopes = this.originalScopesList;
1612
+ }
1613
+ }
1614
+ handleScopeSelection(event) {
1615
+ this.current_scope = this.scopes.find(scope => scope.id == event.target.value);
1616
+ }
1617
+ placeholderContent() {
1618
+ return h("salla-placeholder", { alignment: "center", class: "s-scopes-placeholder" }, h("span", { slot: "title" }, this.branchNotFound), h("span", { slot: "description" }, this.ourServiceIsNotFound));
1619
+ }
1620
+ defaultContent() {
1621
+ return [h("div", { class: "s-scopes-container s-scrollbar" }, this.scopes.map((scope) => h("div", { class: "s-scopes-input-wrap", "data-position": this.position }, h("input", { id: `${this.position} + '_scope_' + ${scope.id}`, name: "lang", type: "radio", value: scope.id, onChange: (event) => this.handleScopeSelection(event), class: "s-scopes-input", checked: !!this.current_scope && this.current_scope.id == scope.id }), h("label", { htmlFor: this.position + '_scope_' + scope.id, class: "s-scopes-label s-scopes-clickable" }, h("span", null, scope.name))))), this.footerContent()];
1622
+ }
1623
+ availabilityContent() {
1624
+ return h("div", { class: "s-scopes-container" }, this.scopes.map((scope) => h("div", { class: "s-scopes-input-wrap", "data-position": this.position }, h("h2", { class: { "s-scopes-label": true, "s-scopes-clickable": this.isDefault } }, h("span", null, scope.name)), h("h2", { style: { 'color': scope.availability.color }, class: `s-scopes-${scope.availability.key}` }, scope.availability.label))));
1625
+ }
1626
+ footerContent() {
1627
+ return h("div", { class: "s-scopes-footer" }, h("slot", { name: "footer" }, h("salla-button", { ref: btn => this.changeBtn = btn, disabled: !this.current_scope, onClick: () => this.handleSubmit(), class: "s-scopes-submit", "loader-position": "center", width: "wide" }, this.confirmButton)));
1628
+ }
1629
+ render() {
1630
+ return (h(Host, null, h("salla-modal", { ref: modal => this.modal = modal, id: "s-scopes-modal", class: "s-scopes-modal", isLoading: true }, h("salla-list-tile", { class: this.originalScopesList.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, this.nowBrowsingFrom, " "), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList.length > this.searchFieldToggler ?
1631
+ h("div", { class: "s-scopes-search-wrapper" }, h("div", { class: "s-scopes-search-icon", innerHTML: Search }), h("input", { type: "text", class: "s-scopes-search-input", onInput: e => this.handleSearchFieldTyping(e), placeholder: this.scopeSearchPlaceholder }))
1632
+ : "", this.scopes.length < 2 ?
1633
+ this.placeholderContent()
1634
+ : this.isDefault ? this.defaultContent() : this.availabilityContent()))));
1635
+ }
1636
+ };
1637
+ SallaScopees.style = sallaScopesCss;
1638
+
1594
1639
  const sallaSearchCss = "";
1595
1640
 
1596
1641
  const SallaSearch = class {
@@ -9877,4 +9922,4 @@ const SallaVerify = class {
9877
9922
  };
9878
9923
  SallaVerify.style = sallaVerifyCss;
9879
9924
 
9880
- export { SallaBranches as salla_branches, SallaButton as salla_button, SallaInfiniteScroll as salla_infinite_scroll, SallaListTile as salla_list_tile, SallaLoading as salla_loading, SallaLocalizationModal as salla_localization_modal, SallaLoginModal as salla_login_modal, SallaLoyalty as salla_loyalty, SallaModal as salla_modal, SallaOfferModal as salla_offer_modal, SallaPlaceholder as salla_placeholder, SallaProductAvailability as salla_product_availability, SallaProductSizeGuide as salla_product_size_guide, SallaRatingModal as salla_rating_modal, SallaRatingStars as salla_rating_stars, SallaSearch as salla_search, SallaSocialShare as salla_social_share, SallaSwiper as salla_swiper, SallaTabContent as salla_tab_content, SallaTabHeader as salla_tab_header, SallaTabs as salla_tabs, SallaTelInput as salla_tel_input, SallaVerify as salla_verify };
9925
+ export { SallaButton as salla_button, SallaInfiniteScroll as salla_infinite_scroll, SallaListTile as salla_list_tile, SallaLoading as salla_loading, SallaLocalizationModal as salla_localization_modal, SallaLoginModal as salla_login_modal, SallaLoyalty as salla_loyalty, SallaModal as salla_modal, SallaOfferModal as salla_offer_modal, SallaPlaceholder as salla_placeholder, SallaProductAvailability as salla_product_availability, SallaProductSizeGuide as salla_product_size_guide, SallaRatingModal as salla_rating_modal, SallaRatingStars as salla_rating_stars, SallaScopees as salla_scopes, SallaSearch as salla_search, SallaSocialShare as salla_social_share, SallaSwiper as salla_swiper, SallaTabContent as salla_tab_content, SallaTabHeader as salla_tab_header, SallaTabs as salla_tabs, SallaTelInput as salla_tel_input, SallaVerify as salla_verify };
@@ -4,7 +4,7 @@
4
4
  import { p as promiseResolve, b as bootstrapLazy } from './index-4e30ffd0.js';
5
5
 
6
6
  /*
7
- Stencil Client Patch Browser v2.17.3 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com
8
8
  */
9
9
  const patchBrowser = () => {
10
10
  const importMeta = import.meta.url;
@@ -16,5 +16,5 @@ const patchBrowser = () => {
16
16
  };
17
17
 
18
18
  patchBrowser().then(options => {
19
- return bootstrapLazy([["salla-branches_23",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"direction":[1],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onSelect","onSelectedTab"]]],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-add-product-button",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]]], options);
19
+ return bootstrapLazy([["salla-button_23",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[4,"salla-scopes",{"position":[1],"searchFieldToggler":[2,"search-field-toggler"],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"branchNotFound":[32],"ourServiceIsNotFound":[32],"searchForAvailabilityInOtherBranch":[32],"shoppingFromAnotherBranch":[32],"nowBrowsingFrom":[32],"confirmButton":[32],"scopeSearchPlaceholder":[32],"selected_scope":[32],"isDefault":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"direction":[1],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onSelect","onSelectedTab"]]],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-add-product-button",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]]], options);
20
20
  });