@salla.sa/twilight-components 1.1.9 → 1.3.0

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 (27) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/salla-branches_22.cjs.entry.js +117 -26
  3. package/dist/cjs/twilight-components.cjs.js +1 -1
  4. package/dist/collection/assets/flat.svg +1 -0
  5. package/dist/collection/components/salla-loyalty/salla-loyalty.css +4 -0
  6. package/dist/collection/components/salla-loyalty/salla-loyalty.js +268 -50
  7. package/dist/collection/components/salla-modal/salla-modal.js +5 -2
  8. package/dist/collection/components/salla-placeholder/salla-placeholder.js +13 -3
  9. package/dist/collection/components/salla-search/salla-search.js +5 -4
  10. package/dist/collection/global/app.js +6 -1
  11. package/dist/components/salla-loyalty.js +115 -22
  12. package/dist/components/salla-modal2.js +5 -2
  13. package/dist/components/salla-placeholder2.js +8 -2
  14. package/dist/components/salla-search.js +5 -4
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/esm/salla-branches_22.entry.js +117 -26
  17. package/dist/esm/twilight-components.js +1 -1
  18. package/dist/twilight-components/p-ff70bbc9.entry.js +4 -0
  19. package/dist/twilight-components/twilight-components.esm.js +1 -1
  20. package/dist/types/components/salla-loyalty/salla-loyalty.d.ts +40 -2
  21. package/dist/types/components/salla-modal/salla-modal.d.ts +1 -0
  22. package/dist/types/components/salla-placeholder/salla-placeholder.d.ts +3 -0
  23. package/dist/types/components/salla-search/salla-search.d.ts +1 -1
  24. package/dist/types/components.d.ts +60 -0
  25. package/example/assets/tailwind.css +528 -14
  26. package/package.json +2 -2
  27. package/dist/twilight-components/p-49a2ee1e.entry.js +0 -4
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Crafted with ❤ by Salla
3
3
  */
4
- import{p as e,b as a}from"./p-1503d976.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-49a2ee1e",[[4,"salla-loyalty",{loyaltyProgram:[32],buttonLoading:[32],selectedItem:[32],askConfirmation:[32],points:[32],exchange_points:[32],are_you_sure_to_exchange:[32],for:[32],cancel:[32],confirm:[32],loyalty_placeholder:[32],loyalty_placeholder_info:[32],open:[64],close:[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-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"]}],[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-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]}],[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]}],[0,"salla-loading",{size:[8],width:[8],color:[1],bgColor:[1,"bg-color"]}]]],["p-b9fe5498",[[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"]}]]],["p-019bb315",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-1708802b",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-4c5055cf",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],e)));
4
+ import{p as e,b as a}from"./p-1503d976.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-ff70bbc9",[[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-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-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]}],[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]}],[0,"salla-loading",{size:[8],width:[8],color:[1],bgColor:[1,"bg-color"]}]]],["p-b9fe5498",[[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"]}]]],["p-019bb315",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-1708802b",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-4c5055cf",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],e)));
@@ -7,17 +7,49 @@ export declare class SallaLoyalty {
7
7
  buttonLoading: boolean;
8
8
  selectedItem: Item | undefined;
9
9
  askConfirmation: boolean;
10
+ is_loggedin: boolean;
10
11
  points: string;
11
12
  exchange_points: string;
12
13
  are_you_sure_to_exchange: string;
13
14
  for: string;
14
15
  cancel: string;
15
16
  confirm: string;
16
- loyalty_placeholder: string;
17
- loyalty_placeholder_info: string;
17
+ cart_total_point_summary: string;
18
+ cart_point_exchange_now: string;
19
+ login_button: string;
20
+ /**
21
+ * The exchanged prize point
22
+ */
23
+ prizePoints: string | number;
24
+ /**
25
+ * Available customer points with which they can exchange.
26
+ */
27
+ customerPoints: number;
28
+ /**
29
+ * The exchangable prize title
30
+ */
31
+ prizeTitle: string;
32
+ /**
33
+ * Does the merchant allow to login using email
34
+ */
35
+ allowEmail: boolean;
36
+ /**
37
+ * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`
38
+ */
39
+ allowMobile: boolean;
40
+ /**
41
+ * Does the merchant require registration with email & mobile
42
+ */
43
+ requireEmail: boolean;
44
+ /**
45
+ * Message to show for guest users.
46
+ */
47
+ guestMessage: string;
18
48
  private setSelectedPrizeItem;
49
+ private handleLongText;
19
50
  private prizeItem;
20
51
  private getConfirmationModal;
52
+ private getAfterExchangeUI;
21
53
  /**
22
54
  * Show loyalty modal
23
55
  */
@@ -27,6 +59,11 @@ export declare class SallaLoyalty {
27
59
  * Hide loyalty modal
28
60
  */
29
61
  close(): Promise<HTMLElement>;
62
+ /**
63
+ *
64
+ * Cancel Exchanged prizes
65
+ */
66
+ resetExchange(): Promise<any>;
30
67
  /**
31
68
  * Open Confirmation modal
32
69
  */
@@ -42,4 +79,5 @@ export declare class SallaLoyalty {
42
79
  */
43
80
  exchangeLoyaltyPoint(): Promise<any>;
44
81
  render(): any;
82
+ componentDidLoad(): void;
45
83
  }
@@ -61,6 +61,7 @@ export declare class SallaModal {
61
61
  private closeModal;
62
62
  private iconBlockClasses;
63
63
  private iconClasses;
64
+ private getWidth;
64
65
  render(): any;
65
66
  componentDidLoad(): void;
66
67
  }
@@ -1,4 +1,7 @@
1
1
  export declare class SallaPlaceholder {
2
+ constructor();
3
+ default_title: string;
4
+ default_description: string;
2
5
  /**
3
6
  * Custom icon to display, defaults to [`sicon-inbox`]
4
7
  */
@@ -22,7 +22,7 @@ export declare class SallaSearch {
22
22
  inline: boolean;
23
23
  oval: boolean;
24
24
  height: number;
25
- onModalOpen(): void;
25
+ open(): Promise<void>;
26
26
  onModalClose(): void;
27
27
  private getDefaultProductSlot;
28
28
  private debounceSearch;
@@ -170,18 +170,50 @@ export namespace Components {
170
170
  "open": (event?: any) => Promise<HTMLElement>;
171
171
  }
172
172
  interface SallaLoyalty {
173
+ /**
174
+ * Does the merchant allow to login using email
175
+ */
176
+ "allowEmail": boolean;
177
+ /**
178
+ * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`
179
+ */
180
+ "allowMobile": boolean;
173
181
  /**
174
182
  * Hide loyalty modal
175
183
  */
176
184
  "close": () => Promise<HTMLElement>;
185
+ /**
186
+ * Available customer points with which they can exchange.
187
+ */
188
+ "customerPoints": number;
177
189
  /**
178
190
  * @param loyalty_prize_id
179
191
  */
180
192
  "exchangeLoyaltyPoint": () => Promise<any>;
193
+ /**
194
+ * Message to show for guest users.
195
+ */
196
+ "guestMessage": string;
181
197
  /**
182
198
  * Show loyalty modal
183
199
  */
184
200
  "open": () => Promise<any>;
201
+ /**
202
+ * The exchanged prize point
203
+ */
204
+ "prizePoints": string | number;
205
+ /**
206
+ * The exchangable prize title
207
+ */
208
+ "prizeTitle": string;
209
+ /**
210
+ * Does the merchant require registration with email & mobile
211
+ */
212
+ "requireEmail": boolean;
213
+ /**
214
+ * Cancel Exchanged prizes
215
+ */
216
+ "resetExchange": () => Promise<any>;
185
217
  }
186
218
  interface SallaModal {
187
219
  /**
@@ -748,6 +780,34 @@ declare namespace LocalJSX {
748
780
  "isMobileAllowed"?: boolean;
749
781
  }
750
782
  interface SallaLoyalty {
783
+ /**
784
+ * Does the merchant allow to login using email
785
+ */
786
+ "allowEmail"?: boolean;
787
+ /**
788
+ * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`
789
+ */
790
+ "allowMobile"?: boolean;
791
+ /**
792
+ * Available customer points with which they can exchange.
793
+ */
794
+ "customerPoints"?: number;
795
+ /**
796
+ * Message to show for guest users.
797
+ */
798
+ "guestMessage"?: string;
799
+ /**
800
+ * The exchanged prize point
801
+ */
802
+ "prizePoints"?: string | number;
803
+ /**
804
+ * The exchangable prize title
805
+ */
806
+ "prizeTitle"?: string;
807
+ /**
808
+ * Does the merchant require registration with email & mobile
809
+ */
810
+ "requireEmail"?: boolean;
751
811
  }
752
812
  interface SallaModal {
753
813
  /**