@salla.sa/twilight-components 1.3.0 → 1.4.0

package/dist/twilight-components/twilight-components.esm.js

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-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)));
+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-d65e71f2",[[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"]}]]],["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)));

package/dist/types/components/salla-scopes/interfaces.d.ts

@@ -0,0 +1,19 @@
+export interface Scope {
+  id: number;
+  name: string;
+  selected: boolean;
+}
+export declare enum ModeType {
+  DEFAULT = "default",
+  AVAILABILITY = "availability"
+}
+export interface ProductAvailability {
+  name: string;
+  selected: boolean;
+  availability: Availability;
+}
+export interface Availability {
+  label: string;
+  key: string;
+  color: string;
+}

package/dist/types/components/salla-scopes/salla-scopes.d.ts

@@ -0,0 +1,39 @@
+import { Scope, ModeType, ProductAvailability } from './interfaces';
+export declare class SallaScopees {
+  constructor();
+  private changeBtn;
+  private modal;
+  mode: ModeType.AVAILABILITY | ModeType.DEFAULT;
+  current_scope: any;
+  scopes: Scope[] | ProductAvailability[];
+  originalScopesList: Scope[] | ProductAvailability[];
+  branchNotFound: string;
+  ourServiceIsNotFound: string;
+  searchForAvailabilityInOtherBranch: string;
+  shoppingFromAnotherBranch: string;
+  nowBrowsingFrom: string;
+  confirmButton: string;
+  scopeSearchPlaceholder: string;
+  selected_scope: any;
+  isDefault: boolean;
+  /**
+   *
+   */
+  position: string;
+  /**
+   * Dictates when to show the searchfield
+   */
+  searchFieldToggler: number;
+  close(): Promise<HTMLElement>;
+  open(mode?: string, product_id?: number): Promise<any>;
+  handleSubmit(): Promise<any>;
+  private setScopeValues;
+  private handleSearchFieldTyping;
+  private handleScopeSelection;
+  private getFormTitle;
+  private placeholderContent;
+  private defaultContent;
+  private availabilityContent;
+  private footerContent;
+  render(): any;
+}

package/dist/types/components/salla-social-share/interfaces.d.ts

@@ -0,0 +1,7 @@
+export declare enum Socials {
+  FACEBOOK = "facebook",
+  TWITTER = "twitter",
+  WHATSAPP = "whatsapp",
+  EMAIL = "email",
+  COPY_LINK = "copy_link"
+}

package/dist/types/components/salla-social-share/salla-social-share.d.ts

@@ -0,0 +1,23 @@
+import "https://static.addtoany.com/menu/page.js";
+export declare class SallaSocialShare {
+  private shareMenu?;
+  private platformItem?;
+  opened: boolean;
+  allPlatforms: Array<string>;
+  platformIcons: Array<object>;
+  /**
+   * page url that will be shared custom | current page url
+   */
+  url: string;
+  /**
+   * page url name that will be shared custom | current page url
+   */
+  urlName: string;
+  /**
+   * selected platforms to share | all platforms
+   */
+  platforms: Array<string>;
+  componentWillLoad(): void;
+  open(): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -14,15 +14,6 @@ export namespace Components {
         "productType": 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products';
         "quantity": number;
     }
-    interface SallaBranches {
-        "branches": any[];
-        "browseProductsFrom": string;
-        "current": number;
-        "displayAs": string;
-        "hide": () => Promise<HTMLElement>;
-        "position": string;
-        "show": () => Promise<HTMLElement>;
-    }
     interface SallaButton {
         /**
           * Button Color
@@ -353,11 +344,36 @@ export namespace Components {
         "size": string;
         "value": number;
     }
+    interface SallaScopes {
+        "close": () => Promise<HTMLElement>;
+        "handleSubmit": () => Promise<any>;
+        "open": (mode?: string, product_id?: number) => Promise<any>;
+        "position": string;
+        /**
+          * Dictates when to show the searchfield
+         */
+        "searchFieldToggler": number;
+    }
     interface SallaSearch {
         "height": number;
         "inline": boolean;
         "oval": boolean;
     }
+    interface SallaSocialShare {
+        "open": () => Promise<void>;
+        /**
+          * selected platforms to share | all platforms
+         */
+        "platforms": Array<string>;
+        /**
+          * page url that will be shared custom | current page url
+         */
+        "url": string;
+        /**
+          * page url name that will be shared custom | current page url
+         */
+        "urlName": string;
+    }
     interface SallaSwiper {
         "direction": string;
         "itemPerView": "auto" | number;
@@ -470,12 +486,6 @@ declare global {
         prototype: HTMLSallaAddProductButtonElement;
         new (): HTMLSallaAddProductButtonElement;
     };
-    interface HTMLSallaBranchesElement extends Components.SallaBranches, HTMLStencilElement {
-    }
-    var HTMLSallaBranchesElement: {
-        prototype: HTMLSallaBranchesElement;
-        new (): HTMLSallaBranchesElement;
-    };
     interface HTMLSallaButtonElement extends Components.SallaButton, HTMLStencilElement {
     }
     var HTMLSallaButtonElement: {
@@ -578,12 +588,24 @@ declare global {
         prototype: HTMLSallaRatingStarsElement;
         new (): HTMLSallaRatingStarsElement;
     };
+    interface HTMLSallaScopesElement extends Components.SallaScopes, HTMLStencilElement {
+    }
+    var HTMLSallaScopesElement: {
+        prototype: HTMLSallaScopesElement;
+        new (): HTMLSallaScopesElement;
+    };
     interface HTMLSallaSearchElement extends Components.SallaSearch, HTMLStencilElement {
     }
     var HTMLSallaSearchElement: {
         prototype: HTMLSallaSearchElement;
         new (): HTMLSallaSearchElement;
     };
+    interface HTMLSallaSocialShareElement extends Components.SallaSocialShare, HTMLStencilElement {
+    }
+    var HTMLSallaSocialShareElement: {
+        prototype: HTMLSallaSocialShareElement;
+        new (): HTMLSallaSocialShareElement;
+    };
     interface HTMLSallaSwiperElement extends Components.SallaSwiper, HTMLStencilElement {
     }
     var HTMLSallaSwiperElement: {
@@ -622,7 +644,6 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "salla-add-product-button": HTMLSallaAddProductButtonElement;
-        "salla-branches": HTMLSallaBranchesElement;
         "salla-button": HTMLSallaButtonElement;
         "salla-conditional-fields": HTMLSallaConditionalFieldsElement;
         "salla-infinite-scroll": HTMLSallaInfiniteScrollElement;
@@ -640,7 +661,9 @@ declare global {
         "salla-quantity-input": HTMLSallaQuantityInputElement;
         "salla-rating-modal": HTMLSallaRatingModalElement;
         "salla-rating-stars": HTMLSallaRatingStarsElement;
+        "salla-scopes": HTMLSallaScopesElement;
         "salla-search": HTMLSallaSearchElement;
+        "salla-social-share": HTMLSallaSocialShareElement;
         "salla-swiper": HTMLSallaSwiperElement;
         "salla-tab-content": HTMLSallaTabContentElement;
         "salla-tab-header": HTMLSallaTabHeaderElement;
@@ -660,13 +683,6 @@ declare namespace LocalJSX {
         "productType"?: 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products';
         "quantity"?: number;
     }
-    interface SallaBranches {
-        "branches"?: any[];
-        "browseProductsFrom"?: string;
-        "current"?: number;
-        "displayAs"?: string;
-        "position"?: string;
-    }
     interface SallaButton {
         /**
           * Button Color
@@ -885,11 +901,32 @@ declare namespace LocalJSX {
         "size"?: string;
         "value"?: number;
     }
+    interface SallaScopes {
+        "position"?: string;
+        /**
+          * Dictates when to show the searchfield
+         */
+        "searchFieldToggler"?: number;
+    }
     interface SallaSearch {
         "height"?: number;
         "inline"?: boolean;
         "oval"?: boolean;
     }
+    interface SallaSocialShare {
+        /**
+          * selected platforms to share | all platforms
+         */
+        "platforms"?: Array<string>;
+        /**
+          * page url that will be shared custom | current page url
+         */
+        "url"?: string;
+        /**
+          * page url name that will be shared custom | current page url
+         */
+        "urlName"?: string;
+    }
     interface SallaSwiper {
         "direction"?: string;
         "itemPerView"?: "auto" | number;
@@ -964,7 +1001,6 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "salla-add-product-button": SallaAddProductButton;
-        "salla-branches": SallaBranches;
         "salla-button": SallaButton;
         "salla-conditional-fields": SallaConditionalFields;
         "salla-infinite-scroll": SallaInfiniteScroll;
@@ -982,7 +1018,9 @@ declare namespace LocalJSX {
         "salla-quantity-input": SallaQuantityInput;
         "salla-rating-modal": SallaRatingModal;
         "salla-rating-stars": SallaRatingStars;
+        "salla-scopes": SallaScopes;
         "salla-search": SallaSearch;
+        "salla-social-share": SallaSocialShare;
         "salla-swiper": SallaSwiper;
         "salla-tab-content": SallaTabContent;
         "salla-tab-header": SallaTabHeader;
@@ -996,7 +1034,6 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "salla-add-product-button": LocalJSX.SallaAddProductButton & JSXBase.HTMLAttributes<HTMLSallaAddProductButtonElement>;
-            "salla-branches": LocalJSX.SallaBranches & JSXBase.HTMLAttributes<HTMLSallaBranchesElement>;
             "salla-button": LocalJSX.SallaButton & JSXBase.HTMLAttributes<HTMLSallaButtonElement>;
             "salla-conditional-fields": LocalJSX.SallaConditionalFields & JSXBase.HTMLAttributes<HTMLSallaConditionalFieldsElement>;
             "salla-infinite-scroll": LocalJSX.SallaInfiniteScroll & JSXBase.HTMLAttributes<HTMLSallaInfiniteScrollElement>;
@@ -1014,7 +1051,9 @@ declare module "@stencil/core" {
             "salla-quantity-input": LocalJSX.SallaQuantityInput & JSXBase.HTMLAttributes<HTMLSallaQuantityInputElement>;
             "salla-rating-modal": LocalJSX.SallaRatingModal & JSXBase.HTMLAttributes<HTMLSallaRatingModalElement>;
             "salla-rating-stars": LocalJSX.SallaRatingStars & JSXBase.HTMLAttributes<HTMLSallaRatingStarsElement>;
+            "salla-scopes": LocalJSX.SallaScopes & JSXBase.HTMLAttributes<HTMLSallaScopesElement>;
             "salla-search": LocalJSX.SallaSearch & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;
+            "salla-social-share": LocalJSX.SallaSocialShare & JSXBase.HTMLAttributes<HTMLSallaSocialShareElement>;
             "salla-swiper": LocalJSX.SallaSwiper & JSXBase.HTMLAttributes<HTMLSallaSwiperElement>;
             "salla-tab-content": LocalJSX.SallaTabContent & JSXBase.HTMLAttributes<HTMLSallaTabContentElement>;
             "salla-tab-header": LocalJSX.SallaTabHeader & JSXBase.HTMLAttributes<HTMLSallaTabHeaderElement>;