npm - @salla.sa/twilight-components - Versions diffs - 2.11.86 → 2.11.88 - Mend

@salla.sa/twilight-components 2.11.86 → 2.11.88

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 (481) hide show

package/dist/components/salla-map2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-map2.js","mappings":"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","names":[],"sources":["./src/components/salla-map/map-styles.ts","./node_modules/google-maps/lib/esm/loader.js","./src/components/salla-map/salla-map.scss?tag=salla-map","./src/components/salla-map/salla-map.tsx"],"sourcesContent":["// export json\nconst light: google.maps.MapTypeStyle[] = [\n {\n featureType: 'water',\n elementType: 'geometry',\n stylers: [\n {\n color: '#e9e9e9',\n },\n {\n lightness: 17,\n },\n ],\n },\n {\n featureType: 'landscape',\n elementType: 'geometry',\n stylers: [\n {\n color: '#f5f5f5',\n },\n {\n lightness: 20,\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry.fill',\n stylers: [\n {\n color: '#ffffff',\n },\n {\n lightness: 17,\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#ffffff',\n },\n {\n lightness: 29,\n },\n {\n weight: 0.2,\n },\n ],\n },\n {\n featureType: 'road.arterial',\n elementType: 'geometry',\n stylers: [\n {\n color: '#ffffff',\n },\n {\n lightness: 18,\n },\n ],\n },\n {\n featureType: 'road.local',\n elementType: 'geometry',\n stylers: [\n {\n color: '#ffffff',\n },\n {\n lightness: 16,\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: 'geometry',\n stylers: [\n {\n color: '#f5f5f5',\n },\n {\n lightness: 21,\n },\n ],\n },\n {\n featureType: 'poi.park',\n elementType: 'geometry',\n stylers: [\n {\n color: '#dedede',\n },\n {\n lightness: 21,\n },\n ],\n },\n {\n elementType: 'labels.text.stroke',\n stylers: [\n {\n visibility: 'on',\n },\n {\n color: '#ffffff',\n },\n {\n lightness: 16,\n },\n ],\n },\n {\n elementType: 'labels.text.fill',\n stylers: [\n {\n saturation: 36,\n },\n {\n color: '#333333',\n },\n {\n lightness: 40,\n },\n ],\n },\n {\n elementType: 'labels.icon',\n stylers: [\n {\n visibility: 'off',\n },\n ],\n },\n {\n featureType: 'transit',\n elementType: 'geometry',\n stylers: [\n {\n color: '#f2f2f2',\n },\n {\n lightness: 19,\n },\n ],\n },\n {\n featureType: 'administrative',\n elementType: 'geometry.fill',\n stylers: [\n {\n color: '#fefefe',\n },\n {\n lightness: 20,\n },\n ],\n },\n {\n featureType: 'administrative',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#fefefe',\n },\n {\n lightness: 17,\n },\n {\n weight: 1.2,\n },\n ],\n },\n];\nconst dark: google.maps.MapTypeStyle[] = [\n {\n elementType: 'geometry',\n stylers: [\n {\n color: '#242f3e',\n },\n ],\n },\n {\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#746855',\n },\n ],\n },\n {\n elementType: 'labels.text.stroke',\n stylers: [\n {\n color: '#242f3e',\n },\n ],\n },\n {\n featureType: 'administrative.locality',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#d59563',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#d59563',\n },\n ],\n },\n {\n featureType: 'poi.park',\n elementType: 'geometry',\n stylers: [\n {\n color: '#263c3f',\n },\n ],\n },\n {\n featureType: 'poi.park',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#6b9a76',\n },\n ],\n },\n {\n featureType: 'road',\n elementType: 'geometry',\n stylers: [\n {\n color: '#38414e',\n },\n ],\n },\n {\n featureType: 'road',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#212a37',\n },\n ],\n },\n {\n featureType: 'road',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#9ca5b3',\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry',\n stylers: [\n {\n color: '#746855',\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#1f2835',\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#f3d19c',\n },\n ],\n },\n {\n featureType: 'transit',\n elementType: 'geometry',\n stylers: [\n {\n color: '#2f3948',\n },\n ],\n },\n {\n featureType: 'transit.station',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#d59563',\n },\n ],\n },\n {\n featureType: 'water',\n elementType: 'geometry',\n stylers: [\n {\n color: '#17263c',\n },\n ],\n },\n {\n featureType: 'water',\n elementType: 'labels.text.fill',\n stylers: [\n {\n color: '#515c6d',\n },\n ],\n },\n {\n featureType: 'water',\n elementType: 'labels.text.stroke',\n stylers: [\n {\n color: '#17263c',\n },\n ],\n },\n];\nexport default {\n light,\n dark,\n};\n","export class Loader {\n constructor(apiKey = null, options = {}) {\n this.apiKey = apiKey;\n this.options = options;\n if (typeof window === 'undefined') {\n throw new Error('google-maps is supported only in browser environment');\n }\n }\n load() {\n if (typeof this.api !== 'undefined') {\n return Promise.resolve(this.api);\n }\n if (typeof this.loader !== 'undefined') {\n return this.loader;\n }\n window[Loader.CALLBACK_NAME] = () => {\n this.api = window['google'];\n if (typeof this.resolve === 'undefined') {\n throw new Error('Should not happen');\n }\n this.resolve(this.api);\n };\n window['gm_authFailure'] = () => {\n if (typeof this.reject === 'undefined') {\n throw new Error('Should not happen');\n }\n this.reject(new Error('google-maps: authentication error'));\n };\n return this.loader = new Promise((resolve, reject) => {\n this.resolve = resolve;\n this.reject = reject;\n const script = document.createElement('script');\n script.src = this.createUrl();\n script.async = true;\n script.onerror = (e) => reject(e);\n document.head.appendChild(script);\n });\n }\n createUrl() {\n const parameters = [\n `callback=${Loader.CALLBACK_NAME}`,\n ];\n if (this.apiKey) {\n parameters.push(`key=${this.apiKey}`);\n }\n for (let name in this.options) {\n if (this.options.hasOwnProperty(name)) {\n let value = this.options[name];\n if (name === 'version') {\n name = 'v';\n }\n if (name === 'libraries') {\n value = value.join(',');\n }\n parameters.push(`${name}=${value}`);\n }\n }\n return `https://maps.googleapis.com/maps/api/js?${parameters.join('&')}`;\n }\n}\nLoader.CALLBACK_NAME = '_dk_google_maps_loader_cb';\n//# sourceMappingURL=loader.js.map","/*\n* Salla Location Component: location popup modal\n* You can use these classes to target the elements in the component.\n*/\n\n.s-map {\n &-wrapper {}\n\n &-modal {\n &-wrapper {\n\n }\n &-title{\n\n }\n &-body{\n\n }\n &-map-element{\n\n }\n &-my-location-button{\n\n }\n &-submit-button{\n\n }\n }\n &-location{\n &-button{\n\n }\n &-icon{\n \n }\n }\n}\n","import { Component, Host, h, Prop, Method, State, Event, EventEmitter, Element } from '@stencil/core';\nimport Location from '../../assets/svg/location.svg';\nimport Edit from '../../assets/svg/edit.svg';\nimport CurrentLocation from '../../assets/svg/location-target.svg';\nimport LocationMarker from '../../assets/svg/location-marker.svg';\nimport styles from './map-styles';\n\n// import google maps\nimport { Loader, LoaderOptions } from 'google-maps';\n\n@Component({\n tag: 'salla-map',\n styleUrl: 'salla-map.scss',\n})\nexport class SallaMap {\n // private variables\n private map: google.maps.Map;\n private locationModal: HTMLSallaModalElement;\n private marker: google.maps.Marker;\n private defaultLat: number = 21.419421;//Mecca 🕋\n private defaultLng: number = 39.82553;//Mecca 🕋\n @Element() host: HTMLElement;\n // state variables\n @State() modalActivityTitle: string = salla.lang.get('pages.checkout.select_your_address_from_map');\n @State() confirmButtonTitle: string = salla.lang.get('pages.checkout.confirm_address');\n @State() locateButtonTitle: string = salla.lang.get('pages.cart.detect_location');\n @State() locateButtonEdit: string = salla.lang.get('common.elements.edit');\n @State() searchPlaceholder: string = salla.lang.get('pages.checkout.search_for_address');\n @State() searchInputValue: string = null;\n @State() formattedAddress: string = '';\n @State() geolocationError: boolean = false;\n @State() searchInput: HTMLInputElement;\n @State() mapInput: HTMLInputElement;\n @State() mapElement: HTMLElement;\n @State() selectedLat: number;\n @State() selectedLng: number;\n\n constructor() {\n salla.lang.onLoaded(() => {\n this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');\n this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');\n this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');\n this.locateButtonEdit = salla.lang.get('common.elements.edit');\n this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');\n });\n this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';\n }\n\n private formatAddress(address: string) {\n return address.length > 25 ? address.substring(0, 25) + '...' : address;\n }\n\n private getLatLng(){\n return this.selectedLat && this.selectedLng ? `${this.selectedLat}, ${this.selectedLng}` : null\n }\n private getPositionAddress(location: google.maps.LatLng, submit: boolean = false) {\n // get address and set it to search input\n const Geocoder = new google.maps.Geocoder();\n Geocoder.geocode(\n {\n location,\n },\n (results, status) => {\n if (status === google.maps.GeocoderStatus.OK) {\n if (this.searchable) {\n this.searchInputValue = results[0].formatted_address;\n this.searchInput.value = results[0].formatted_address;\n }\n if (submit) {\n this.formattedAddress = results[0].formatted_address;\n }\n }\n }\n );\n }\n\n private initGoogleMaps(options: LoaderOptions, mapDOM: Element) {\n const loader = new Loader(this.apiKey, options);\n\n loader.load().then(google => {\n this.map = new google.maps.Map(mapDOM, {\n center: (this.lat || this.lng) ? {\n lat: this.lat,\n lng: this.lng,\n } : {\n lat: this.defaultLat,\n lng: this.defaultLng,\n },\n zoom: this.zoom,\n zoomControl: true,\n mapTypeControl: false,\n scaleControl: false,\n streetViewControl: false,\n rotateControl: false,\n fullscreenControl: false,\n disableDefaultUI: false,\n });\n\n this.map.setOptions({\n styles: this.theme === 'light' ? styles.light : styles.dark,\n });\n\n this.marker = new google.maps.Marker({\n position: this.map.getCenter(),\n map: this.map,\n icon: {\n url: 'data:image/svg+xml;utf8,' + encodeURIComponent(LocationMarker),\n scaledSize: new google.maps.Size(30, 30),\n },\n });\n\n if (this.searchable) {\n const searchBox = new google.maps.places.SearchBox(this.searchInput);\n google.maps.event.addListener(searchBox, 'places_changed', () => {\n const places = searchBox.getPlaces();\n // goto first place\n if (places.length > 0 && this.map) {\n this.map.setCenter(places[0].geometry.location);\n this.lat = places[0].geometry.location.lat();\n this.lng = places[0].geometry.location.lng();\n // set marker\n this.marker.setPosition(places[0].geometry.location);\n this.searchInputValue = places[0].formatted_address;\n this.formattedAddress = places[0].formatted_address;\n }\n });\n }\n // add listener to map\n google.maps.event.addListener(this.map, 'click', e => {\n if (this.readonly) return;\n this.marker.setPosition(e.latLng);\n this.lat = e.latLng.lat();\n this.lng = e.latLng.lng();\n this.getPositionAddress(e.latLng);\n this.mapClicked.emit({\n lat: e.latLng.lat(),\n lng: e.latLng.lng(),\n address: this.formattedAddress ? this.formattedAddress : null,\n });\n });\n if (!this.lat && !this.lng) {\n this.getCurrentLocation();\n if (this.geolocationError) {\n this.map.setCenter({\n lat: this.lat,\n lng: this.lng,\n });\n this.marker.setPosition({\n lat: this.lat,\n lng: this.lng,\n });\n }\n }\n });\n }\n\n private getCurrentLocation() {\n if (navigator.geolocation && this.map) {\n navigator.geolocation.getCurrentPosition(position => {\n // set map to this location\n const mapOptions = {\n center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),\n zoom: 15,\n };\n this.map.setOptions(mapOptions);\n // set marker\n this.marker.setPosition(mapOptions.center);\n this.getPositionAddress(mapOptions.center);\n this.lat = position.coords.latitude;\n this.lng = position.coords.longitude;\n this.currentLocationChanged.emit({\n lat: position.coords.latitude,\n lng: position.coords.longitude,\n address: this.formattedAddress ? this.formattedAddress : null,\n });\n }, this.handleLocationError.bind(this));\n } else {\n salla.log('Geolocation is not supported by this browser.');\n this.geolocationError = true;\n }\n }\n\n private handleLocationError(error) {\n this.geolocationError = true;\n switch (error.code) {\n case error.PERMISSION_DENIED:\n salla.log('User denied the request for Geolocation.');\n break;\n case error.POSITION_UNAVAILABLE:\n salla.log('Location information is unavailable.');\n break;\n case error.TIMEOUT:\n salla.log('The request to get user location timed out.');\n break;\n case error.UNKNOWN_ERROR:\n salla.log('An unknown error occurred.');\n break;\n }\n }\n componentDidLoad() {\n // if lat and lng provided then get the formatted address\n if (this.lat && this.lng) {\n // get address\n fetch(\n `https://maps.googleapis.com/maps/api/geocode/json?latlng=${this.lat},${this.lng}&key=${this.apiKey}&language=${salla.config.get('user.language_code') ||\n document.documentElement.lang ||\n 'ar'}`\n )\n .then(res => res.json())\n .then(res => {\n if (res.status === 'OK') {\n this.formattedAddress = res.results[0].formatted_address;\n this.searchInputValue = res.results[0].formatted_address;\n this.searchInput.value = res.results[0].formatted_address;\n this.selectedLng = this.lng;\n this.selectedLat = this.lat;\n }\n }\n );\n }\n this.mapInput.addEventListener('invalid', e => {\n this.invalidInput.emit(e);\n });\n this.mapInput.addEventListener('input', () => {\n this.mapInput.setCustomValidity('');\n this.mapInput.reportValidity();\n });\n }\n /**\n * Open location component\n */\n @Method()\n async open() {\n // only init google maps on modal open :) to save resources\n if (!this.map)\n this.initGoogleMaps(\n {\n libraries: this.searchable ? ['places', 'search'] : [],\n language:\n salla.config.get('user.language_code') ||\n document.documentElement.lang ||\n 'ar',\n },\n this.mapElement\n );\n return this.locationModal?.open();\n }\n\n /**\n * File input name for the native formData\n */\n @Prop() name: string = 'location';\n\n /**\n * Set if the location input is required or not\n */\n @Prop() required: boolean = false;\n /**\n * Disable or enable actions\n */\n @Prop() readonly: boolean = false;\n\n /**\n * Sets the search bar visibility.\n */\n @Prop({ mutable: true }) searchable: boolean = false;\n\n /**\n * Latitude coordinate, defaults to current user location\n */\n @Prop({ mutable: true }) lat: number;\n\n /**\n * Longitude coordinate, defaults to current user location\n */\n @Prop({ mutable: true }) lng: number;\n\n /**\n * Sets google api key value, default Merchant key\n */\n @Prop({ mutable: true }) apiKey: string;\n\n /**\n * Modal Title\n */\n @Prop() modalTitle: string;\n\n /**\n * Sets start map zoom.\n */\n\n @Prop({ mutable: true }) zoom: number = 10;\n\n /**\n * Sets map style.\n */\n @Prop({ mutable: true }) theme: string = 'light';\n\n /**\n * Custom DOM event emitter when location is selected\n */\n @Event() selected: EventEmitter;\n\n /**\n * Custom DOM event emitter when map is clicked\n */\n @Event() mapClicked: EventEmitter;\n\n /**\n * Custom DOM event emitter when current location is selected\n */\n @Event() currentLocationChanged: EventEmitter;\n\n /**\n * Event emitted when the input is invalid.\n */\n @Event() invalidInput: EventEmitter<any>;\n \n // rendering functions\n private getLocationModal() {\n return (\n <div>\n <div class=\"s-map-modal-title\">{!!this.modalTitle ? this.modalTitle : this.modalActivityTitle}</div>\n <div class=\"s-map-modal-body\">\n <div class=\"s-map-element\" ref={el => (this.mapElement = el)}></div>\n {this.readonly ? \"\" :\n [\n this.searchable && (\n <div class=\"s-map-search-wrapper\">\n <input class=\"s-map-search-input\" ref={el => (this.searchInput = el)} placeholder={this.searchPlaceholder}></input>\n </div>\n ),\n <salla-button\n class=\"s-map-my-location-button\"\n onClick={() => {\n this.getCurrentLocation();\n }}\n shape=\"icon\"\n color=\"primary\"\n >\n <span innerHTML={CurrentLocation}></span>\n </salla-button>,\n <salla-button\n class=\"s-map-submit-button\"\n color=\"primary\"\n width=\"wide\"\n onClick={() => {\n let points = {\n lat: this.lat,\n lng: this.lng,\n address: this.formattedAddress ? this.formattedAddress : null,\n };\n salla.event.emit('salla-map::selected', points)\n this.selected.emit(points);\n this.selectedLat = points.lat;\n this.selectedLng = points.lng;\n this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);\n if (!this.selectedLat || !this.selectedLng) {\n this.mapInput.value = null;\n } else {\n this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;\n }\n this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }))\n this.locationModal.close();\n }}\n >\n {this.confirmButtonTitle}\n </salla-button>]\n }\n </div>\n </div>\n );\n }\n\n // render\n render() {\n return (\n <Host class=\"s-map-wrapper\">\n <salla-modal\n class=\"s-map-modal-wrapper\"\n noPadding\n ref={modal => {\n this.locationModal = modal;\n }}\n >\n {this.getLocationModal()}\n </salla-modal>\n\n <slot name=\"button\">\n <salla-button\n onClick={() => {\n this.open();\n }}\n color=\"primary\"\n class=\"s-map-location-button\"\n >\n <span class=\"s-map-location-icon\" innerHTML={this.formattedAddress ? Edit : Location} />\n {this.formattedAddress ? (\n <div>\n {this.locateButtonEdit} | {this.formatAddress(this.formattedAddress)}\n </div>\n ) : (\n this.locateButtonTitle\n )}\n </salla-button>\n </slot>\n\n <input class=\"s-hidden\" name={this.name} required={this.required} value={this.getLatLng()}\n ref={color => this.mapInput = color} />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-modal.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaModal = SallaModal$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaModal, defineCustomElement };
+//# sourceMappingURL=salla-modal.js.map

package/dist/components/salla-modal.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-modal.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-modal2.js CHANGED Viewed

@@ -226,3 +226,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { CheckCircle2 as C, SallaModal as S, defineCustomElement as d };
+//# sourceMappingURL=salla-modal2.js.map

package/dist/components/salla-modal2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-modal2.js","mappings":"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","names":["CancelIcon","CheckCircleIcon"],"sources":["./src/components/salla-modal/salla-modal.scss?tag=salla-modal","./src/components/salla-modal/salla-modal.tsx"],"sourcesContent":["/*\n* Salla Modal Component: popup modal used in most parts of the theme\n* You can use these classes to target the elements in the component.\n*/\n\n@media screen and (max-width: 470px) {\n .modal-is-open {\n position: fixed;\n width: 100%;\n }\n}\n\n.s-modal {\n &-container{\n\n }\n &-wrapper {\n\n }\n &-close {\n\n }\n &-header {\n\n }\n &-header-inner {\n\n }\n &-header-content {\n\n }\n &-header-img {\n\n }\n &-icon {\n\n }\n &-bg-normal {\n\n }\n &-bg-success {\n\n }\n &-bg-error {\n\n }\n &-bg-primary {\n\n }\n &-text-success {\n\n }\n &-text-error {\n\n }\n &-title {\n\n }\n &-sub-title {\n\n }\n &-title-below {\n\n }\n &-body-slot {\n\n }\n &-body {\n\n }\n &-padding {\n\n }\n &-spacer {\n\n }\n &-align-middle {\n\n }\n &-align-top {\n\n }\n &-align-bottom {\n\n }\n &-overlay {\n\n }\n &-overlay-leaving {\n\n }\n &-entering {\n\n }\n &-leaving {\n\n }\n &-is-center {\n\n }\n // modal sizes\n &-xs {\n\n }\n &-sm {\n\n }\n &-md {\n\n }\n &-lg {\n\n }\n &-xl {\n\n }\n &-full {\n\n }\n}\n","import { Component, Element, h, Host, Method, Prop, State, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport CancelIcon from '../../assets/svg/cancel.svg';\nimport AlertEngineIcon from '../../assets/svg/alert-engine.svg';\nimport CheckCircleIcon from '../../assets/svg/check-circle2.svg';\nimport Helper from '../../Helpers/Helper';\n\n/**\n * @slot footer - The footer of modal\n */\n\n@Component({ tag: 'salla-modal', styleUrl: 'salla-modal.scss' })\nexport class SallaModal {\n constructor() {\n salla.event.on('modal::open', target => target == this.host.id && this.open());\n salla.event.on('modal::close', target => target == this.host.id && this.close());\n this.modalTitle = this.host.getAttribute('modal-title');\n }\n\n /**\n * Sets the modal to be closable. Defaults to `true`\n */\n @Prop({ mutable: true }) isClosable: boolean = true;//todo::rename unclude. Suggestion => persistent\n /**\n * The size of the modal\n */\n @Prop({ reflect: true }) width: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' = 'md';\n /**\n * The position of the modal\n */\n @Prop({ reflect: true }) position: 'top' | 'middle' | 'bottom' = 'middle';\n /**\n * open the modal on rendering\n */\n @Prop({ reflect: true }) visible: boolean = false;\n /**\n * open the modal on rendering\n */\n @Prop({ reflect: true }) hasSkeleton: boolean = false;\n /**\n * Show loading in the middle\n */\n @Prop({ reflect: true, mutable: true }) isLoading: boolean = false;\n\n /**\n * Show subtitle before the title or not, defaults to `false` (after the title)\n */\n @Prop() subTitleFirst: boolean = false;//todo:: choose better name\n\n /**\n * Avoid padding in the modal body or not, defaults to `false`\n */\n @Prop() noPadding: boolean = false;//todo:: choose better name\n\n /**\n * Set modal sub title.\n */\n @Prop() subTitle: string = '';\n\n /**\n * Align modal content to center, defaults to `false`\n */\n @Prop() centered: boolean = false;\n\n /**\n * Set the style of the header icon.\n */\n @Prop() iconStyle: 'error' | 'success' | 'primary' | 'normal' = undefined;\n\n @State() modalTitle: string;\n\n private overlay: HTMLElement;\n\n @Element() host: HTMLElement;\n\n /**\n * Event emitted when the modal visibilty is changed.\n */\n @Event() modalVisibilityChanged: EventEmitter<Boolean>;\n\n @Watch('visible')\n handleVisible(newValue: boolean) {\n if (!newValue) {\n this.modalVisibilityChanged.emit(false);\n this.toggleModal(false);\n return;\n }\n this.modalVisibilityChanged.emit(true);\n this.host.classList.remove('s-hidden');\n setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden\n }\n\n @Listen('keyup')\n handleKeyUp(ev: KeyboardEvent) {\n if (ev.key === \"KeyUp\") {\n this.closeModal()\n }\n }\n\n /**\n * Open the modal\n */\n @Method()\n async open() {\n this.host.setAttribute('visible', '');\n this.handleAutoFocus();\n return this.host;\n }\n\n /**\n * close the modal\n */\n @Method()\n async close() {\n this.host.removeAttribute('visible');\n return this.host;\n }\n\n /**\n * Change the Modal Title\n * @param {string} modalTitle\n */\n @Method()\n async setTitle(modalTitle) {\n this.modalTitle = modalTitle;\n return this.host;\n }\n\n /**\n * Start loading\n */\n @Method()\n async loading() {\n this.isLoading = true;\n return this.host;\n }\n\n\n /**\n * Stop the loading\n */\n @Method()\n async stopLoading() {\n this.isLoading = false;\n return this.host;\n }\n\n private handleAutoFocus() {\n const firstFocusableElement = this.host.querySelector('input, textarea, select') as HTMLElement;\n if (!firstFocusableElement) {\n return;\n }\n setTimeout(() => {\n firstFocusableElement.focus();\n }, 100);\n }\n\n private toggleModal(isOpen) {\n const body = this.host.querySelector('.s-modal-body');\n Helper.toggleElementClassIf(body, 's-modal-entering', 's-modal-leaving', () => isOpen)\n .toggleElementClassIf(this.overlay, 's-modal-entering', 's-modal-overlay-leaving', () => isOpen)\n .toggleElementClassIf(document.body, 'modal-is-open', 'modal-is-closed', () => isOpen);\n if (!isOpen) {\n setTimeout(() => this.host.classList.add('s-hidden'), 350);\n }\n }\n\n private closeModal() {\n if (!this.isClosable) {\n return;\n }\n this.host.removeAttribute('visible');\n }\n\n private iconBlockClasses() {\n return {\n 's-modal-icon': true,\n 's-modal-bg-error': this.iconStyle == 'error',\n 's-modal-bg-success': this.iconStyle == 'success',\n 's-modal-bg-normal': !this.iconStyle,\n 's-modal-bg-primary': this.iconStyle == 'primary'\n };\n }\n\n private getWidth() {\n return this.isLoading ? (this.hasSkeleton ? 'md' : 'xs') : this.width\n }\n\n //todo:: pref for each modal\n render() {\n this.host.id = this.host.id || 'salla-modal';\n\n\n if (this.isLoading) {\n return (\n <Host class='salla-modal s-modal s-modal-container s-hidden' aria-modal=\"true\" role=\"dialog\" onKeyUp={e => this.handleKeyUp(e)}>\n <div class=\"s-modal-overlay\" ref={el => this.overlay = el} onClick={() => this.closeModal()} />\n <div class=\"s-modal-wrapper\">\n <span class={'s-modal-spacer s-modal-align-' + this.position}></span>\n <div class={'s-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding')}>\n <slot name=\"loading\">\n <salla-loading></salla-loading>\n </slot>\n {\n // we have a limitations with StencilJS, when the component is not shadow\n // all the dom of host append to component even if <slot /> is not in the render\n // So we'll use a workaround, render all the slot as hidden when is loading\n // @see https://github.com/ionic-team/stencil/issues/399\n }\n <div class=\"s-hidden\">\n <slot />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n\n\n return (\n <Host class='salla-modal s-modal s-modal-container s-hidden' aria-modal=\"true\" role=\"dialog\">\n <div class=\"s-modal-overlay\" ref={el => this.overlay = el} onClick={() => this.closeModal()} />\n <div class=\"s-modal-wrapper\">\n <span class={'s-modal-spacer s-modal-align-' + this.position}></span>\n <div\n class={'s-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding')}>\n <div class={{ 's-modal-header': true, 's-modal-is-center': this.centered }}>\n {this.isClosable ?\n <button class=\"s-modal-close\" onClick={() => this.closeModal()} type=\"button\">\n <span innerHTML={CancelIcon} />\n </button>\n : ''}\n\n {this.modalTitle || this.subTitle ?\n <div class=\"s-modal-header-inner\">\n <slot name='icon'>\n {!!this.iconStyle ?\n <div class={this.iconBlockClasses()} innerHTML={this.iconStyle == 'error' ? AlertEngineIcon : CheckCircleIcon} />\n : ''\n }\n </slot>\n <div class=\"s-modal-header-content\">\n {this.modalTitle ? <div class={{ 's-modal-title': true, 's-modal-title-below': this.subTitleFirst }}\n innerHTML={this.modalTitle} /> : ''}\n {this.subTitle ? <p class={{ 's-modal-sub-title': true }} innerHTML={this.subTitle} /> : ''}\n </div>\n </div>\n : ''}\n </div>\n <slot />\n <slot name=\"footer\" />\n\n </div>\n </div>\n </Host>\n );\n }\n //move the modal as root dom, because we need the model to be outside the forms\n componentDidLoad() {\n document.body.append(this.host);\n }\n}\n"],"version":3}

package/dist/components/salla-offer-modal.js CHANGED Viewed

@@ -213,3 +213,5 @@ const SallaOfferModal = SallaOfferModal$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaOfferModal, defineCustomElement };
+//# sourceMappingURL=salla-offer-modal.js.map

package/dist/components/salla-offer-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-offer-modal.js","mappings":"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","names":["SallaOfferModal"],"sources":["./src/components/salla-offer-modal/salla-offer-modal.scss?tag=salla-offer-modal","./src/components/salla-offer-modal/salla-offer-modal.tsx"],"sourcesContent":["/*\n* Salla Offer Modal Component: popup modal to display the offers\n* You can use these classes to target the elements in the component.\n*/\n\n.s-offer-modal {\n &-body {\n \n }\n &-badge {\n &-icon {\n\n }\n &-text {\n\n }\n }\n &-product {\n &-image-wrap {\n\n }\n &-image {\n\n }\n &-info {\n\n }\n &-name {\n\n }\n &-price {\n\n }\n &-old-price {\n\n }\n }\n &-btn-wrap {\n\n }\n &-footer {\n\n }\n &-expiry {\n\n }\n &-remember-label {\n\n }\n &-remember-input {\n\n }\n &-scrolled-slider-wrap {\n\n }\n &-slider-nav {\n\n }\n &-nav-btn {\n\n }\n &-nav-btn-icon {\n\n }\n &-next-btn {\n \n }\n &-prev-btn {\n \n }\n &-btn-is-active {\n\n }\n}","import { Component, h, Element, Method, State } from '@stencil/core';\nimport Offer from \"./offer-schema\";\nimport SpecialDiscountIcon from '../../assets/svg/special-discount.svg';\nimport Tag from \"../../assets/svg/tag.svg\";\nimport Cart2 from '../../assets/svg/cart2.svg';\n\n/**\n * @slot header - The top of the popup, has replaceable props `{name}`, `{message}`.\n * @slot product - Replaces product card, has replaceable props `{name}`, `{url}`, `{image}`, `{price}`.\n * @slot category - Replaces Category badge, has replaceable props `{name}`, `{url}`.\n */\n@Component({\n tag: 'salla-offer-modal',\n styleUrl: 'salla-offer-modal.scss'\n})\n\nexport class SallaOfferModal {\n private productSlot: string;\n private categorySlot: string;\n private modal: HTMLSallaModalElement;\n @Element() host: HTMLElement;\n @State() offer: null | Offer = null;\n @State() offer_name: string;\n @State() offer_message: string;\n @State() hasError: boolean = false;\n @State() errorMessage: string;\n @State() productID: number;\n @State() offer_type: string;\n\n constructor() {\n salla.event.on('offer-modal::open', product_id => this.open(product_id));\n\n salla.lang.onLoaded(() => {\n this.addToCartLabel = salla.lang.get(\"pages.cart.add_to_cart\")\n this.translationLoaded = true;\n });\n\n this.categorySlot = this.host.querySelector('[slot=\"category\"]')?.innerHTML || `<span class=\"s-offer-modal-badge-icon\">{tagIcon}</span><span class=\"s-offer-modal-badge-text\">{name}</span>`;\n this.productSlot = this.host.querySelector('[slot=\"product\"]')?.innerHTML || this.defaultProductSlot();\n salla.event.on('offer-modal::open', product_id => this.open(product_id));\n salla.product.event.onOfferExisted(offer => {\n if (salla.storage.get('remember-offer-' + offer.id)) {\n salla.log('User selected to don\\'t show this offer again.');\n return;\n }\n this.open(offer.product_id);\n });\n }\n\n @State() translationLoaded: boolean = false;\n @State() addToCartLabel: string = salla.lang.get(\"pages.cart.add_to_cart\");\n\n /**\n * Show the available offers for the product\n * @param product_id\n */\n @Method()\n async open(product_id: number) {\n this.productID = product_id;\n //TODO:: make sure there is only one offer\n\n this.hasError = false;\n this.modal.open()\n return await salla.api.withoutNotifier(() => salla.product.offers(product_id))\n .then(response => this.showOffer(response.data[0]))\n .catch(e => {\n this.hasError = true;\n this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n })\n .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));\n }\n\n /**\n * Show offer details\n * @param {Offer} offer\n */\n @Method()\n async showOffer(offer) {\n this.offer = offer;\n this.offer_name = offer.name;\n this.offer_message = offer.message;\n if (this.offer.get.discounts_table) { \n this.offer_type = 'discounts-table'\n } else if (this.offer.get.products?.length) {\n this.offer_type = 'products'\n } else if (this.offer.get.categories?.length) {\n this.offer_type = 'categories'\n }\n this.modal.setTitle(this.offer_name);\n }\n\n private rememberMe(event) {\n salla.storage.set('remember-offer-' + this.offer.id, event.target.checked);\n }\n\n private addToCart(qty) {\n //todo:: add enhancement, to cover the previous quantity, because if the discount to add two, user already added one before.\n salla.api.withoutNotifier(() => salla.cart.quickAdd(this.productID, qty)).then(() => this.modal.close())\n }\n\n private getOfferContent() {\n if (this.offer.get.discounts_table) {\n return <div class=\"s-offer-modal-discount-table\">\n <table>\n <tbody>\n {this.offer.get.discounts_table?.map(discount =>\n <tr>\n <td>{discount.text}</td>\n <td class=\"s-offer-modal-discount-table-cell\">\n <salla-button fill=\"outline\" shape=\"btn\" color=\"primary\" size=\"medium\" width=\"normal\"\n onClick={() => this.addToCart(discount.quantity)}>{this.addToCartLabel}</salla-button>\n </td>\n </tr>\n )}\n </tbody>\n </table>\n </div>\n }\n else if (this.offer.get.products?.length) {\n return <salla-slider\n type=\"carousel\"\n class={{\"s-offer-modal-slider-centered\": this.offer.get.products?.length <= 2, \"s-offer-modal-slider\": true}}\n id=\"offer-modal-slider\"\n controls-outer\n show-controls={this.offer.get.products?.length <= 2 ? 'false' : 'true'}>\n <div slot='items'>\n {\n this.offer.get.products?.map(product =>\n <div class={{\n \"s-offer-modal-product\": true,\n \"s-offer-modal-slider-item\": true,\n \"s-offer-modal-not-available\": !product.is_available\n }} id={'product_' + product.id} innerHTML={this.productSlot\n .replace(/\\{name\\}/g, product.name)\n .replace(/\\{url\\}/g, product.url)\n .replace(/\\{image\\}/g, product.thumbnail)\n .replace(/\\{price\\}/g, product.has_special_price\n ? '<span class=\"s-offer-modal-product-sale-price\">' + salla.money(product.price) + '</span><span class=\"s-offer-modal-product-old-price\">' + salla.money(product.regular_price) + '</span>'\n : salla.money(product.price))}>\n <div class=\"s-offer-modal-btn-wrap\">\n <salla-button width=\"wide\" fill='outline' data-id={product.id} disabled={!product.is_available}\n loader-position=\"center\" onClick={this.addItem}>\n {product.is_available ? salla.lang.get('pages.cart.add_to_cart') : salla.lang.get('pages.products.out_of_stock')}\n </salla-button>\n </div>\n </div>)\n }\n </div>\n </salla-slider>\n } \n else if (this.offer.get.categories?.length) {\n return <salla-slider\n type=\"carousel\"\n class={{\"s-offer-modal-slider-centered\": this.offer.get.categories?.length <= 2, \"s-offer-modal-slider\": true}}\n id=\"offer-modal-slider\"\n controls-outer\n show-controls={this.offer.get.categories?.length <= 2 ? 'false' : 'true'}>\n <div slot='items'>\n {\n this.offer.get.categories.map(category =>\n <a href={category.urls.customer} class=\"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-cat-item\" innerHTML={\n this.categorySlot\n .replace(/\\{tagIcon\\}/g, Tag)\n .replace(/\\{name\\}/g, category.name)\n .replace(/\\{url\\}/g, category.urls.customer)\n }>\n </a>\n )}\n </div>\n </salla-slider>\n }\n }\n\n //todo:: pass event then use sallaButton from it\n private addItem() {\n // this here, is sallaButton\n this['load']();\n return salla.cart.api\n .quickAdd(this['dataset'].id)\n .finally(() => this['stop']());\n }\n\n private defaultProductSlot() {\n return '<a href={url} class=\"s-offer-modal-product-image-wrap\"><img class=\"s-offer-modal-product-image\" src=\"{image}\" /></a>' +\n '<div class=\"s-offer-modal-product-info\">' +\n ' <a href={url} class=\"s-offer-modal-product-name\">{name}</a>' +\n ' <div class=\"s-offer-modal-product-price\">{price}</div>' +\n '</div>';\n }\n\n render() {\n return <salla-modal has-skeleton sub-title={this.offer_message} ref={modal => this.modal = modal}\n isLoading={true} class={`s-offer-modal-type-${this.offer_type ? this.offer_type : ''}`}>\n <div slot='loading'>\n <div class=\"s-offer-modal-skeleton\">\n <div class=\"s-offer-modal-skeleton-header\">\n <salla-skeleton type='circle' height='80px' width='80px'></salla-skeleton>\n <salla-skeleton height='15px' width='50%'></salla-skeleton>\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n </div>\n <div class=\"s-offer-modal-skeleton-items\">\n {[...Array(3)].map(() =>\n <div class=\"s-offer-modal-skeleton-item\">\n <salla-skeleton height='9rem'></salla-skeleton>\n <div class=\"s-offer-modal-skeleton-item-title\">\n <salla-skeleton height='15px' width='100%'></salla-skeleton>\n </div>\n <div class=\"s-offer-modal-skeleton-item-subtitle\">\n <salla-skeleton height='9px' width='50%'></salla-skeleton>\n <div innerHTML={Cart2}></div>\n </div>\n </div>\n )}\n </div>\n <div class=\"s-offer-modal-skeleton-footer\">\n <salla-skeleton height='15px' width='50%'></salla-skeleton>\n <salla-skeleton height='15px' width='30%'></salla-skeleton>\n </div>\n </div>\n </div>\n {!this.hasError && this.offer !== null\n\n ? [<span slot='icon' class=\"s-offer-modal-header-icon\" innerHTML={SpecialDiscountIcon}></span>,\n this.getOfferContent(),\n <div class=\"s-offer-modal-footer\" slot=\"footer\">\n {this.offer.formatted_date ?\n <p\n class=\"s-offer-modal-expiry\">{salla.lang.get('pages.products.offer_expires_in')} {this.offer.formatted_date}</p>\n : ''}\n <label class=\"s-offer-modal-remember-label\">\n <input type=\"checkbox\" onChange={e => this.rememberMe(e)} class=\"s-offer-modal-remember-input\" />\n   {salla.lang.get('common.elements.remember_my_choice')}\n </label>\n </div>,\n ] :\n <salla-placeholder class=\"s-loyalty-placeholder\" alignment=\"center\">\n {!!this.errorMessage ? <span slot=\"description\">{this.errorMessage}</span> : ''}\n </salla-placeholder>\n }\n </salla-modal>\n }\n}\n"],"version":3}

package/dist/components/salla-placeholder.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaPlaceholder = SallaPlaceholder$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaPlaceholder, defineCustomElement };
+//# sourceMappingURL=salla-placeholder.js.map

package/dist/components/salla-placeholder.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-placeholder.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-placeholder2.js CHANGED Viewed

@@ -67,3 +67,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaPlaceholder as S, defineCustomElement as d };
+//# sourceMappingURL=salla-placeholder2.js.map

package/dist/components/salla-placeholder2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-placeholder2.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCWjB,gBAAgB;EAE3B;;;IAMS,sBAAiB,GAAY,KAAK,CAAC;;;;IAKpC,SAAI,GAAW,KAAK,CAAC;;;;IAKrB,cAAS,GAAgC,MAAM,CAAC;;;;IAKhD,aAAQ,GAAsD,IAAI,CAAC;IApBzE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;KAC/B,CAAC,CAAC;GACJ;EAoBO,cAAc;IACpB,OAAO;MACL,uBAAuB,EAAE,IAAI;MAC7B,0BAA0B,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;MACpD,4BAA4B,EAAE,IAAI,CAAC,SAAS,IAAI,QAAQ;MACxD,2BAA2B,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO;KACvD,CAAA;GACF;EAGD,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAChC,WAAK,KAAK,EAAE,yCAAyC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,GAAQ,EAClG,WAAK,KAAK,EAAC,qBAAqB,IAC9B,YAAM,IAAI,EAAC,OAAO,IAChB,gBACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,4BAA4B,CAAC,CACxC,CACF,CACH,EAEN,WAAK,KAAK,EAAC,2BAA2B,IACpC,YAAM,IAAI,EAAC,aAAa,IACtB,gBACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,6BAA6B,CAAC,CACzC,CACF,CACH,CACA,EACR;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-placeholder/salla-placeholder.scss?tag=salla-placeholder","./src/components/salla-placeholder/salla-placeholder.tsx"],"sourcesContent":["","import { Component, Prop, State, h, Host } from '@stencil/core';\nimport Inbox from '../../assets/svg/inbox.svg';\n\n/**\n * @slot title - The primary content of the placeholder.\n * @slot description - Additional content displayed below the title.\n */\n@Component({\n tag: 'salla-placeholder',\n styleUrl: 'salla-placeholder.scss',\n})\nexport class SallaPlaceholder {\n\n constructor() {\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n });\n }\n\n @State() translationLoaded: boolean = false;\n\n /**\n * Custom icon to display, defaults to [`Inbox`], can be any valid svg icon or inline element with font icon\n */\n @Prop() icon: string = Inbox;\n\n /**\n * Defines the alignment of contents. Defaults to [`left`]\n */\n @Prop() alignment: 'left' | 'center' | 'right' = 'left';\n\n /**\n * The size of the icon. Defaults to [`md`] = 45px for font icon & width/height: 3.5rem for svg icon\n */\n @Prop() iconSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl' = 'md';\n\n\n private alignmentClass() {\n return {\n 's-placeholder-wrapper': true,\n 's-placeholder-align-left': this.alignment == 'left',\n 's-placeholder-align-center': this.alignment == 'center',\n 's-placeholder-align-right': this.alignment == 'right',\n }\n }\n\n\n render() {\n return (\n <Host class={this.alignmentClass()}>\n <div class={`s-placeholder-icon s-placeholder-icon-${this.iconSize}`} innerHTML={this.icon}></div>\n <div class=\"s-placeholder-title\">\n <slot name='title'>\n <span>\n {salla.lang.get('common.elements.no_options')}\n </span>\n </slot>\n </div>\n\n <div class=\"s-placeholder-description\">\n <slot name='description'>\n <span>\n {salla.lang.get('common.errors.empty_results')}\n </span>\n </slot>\n </div>\n </Host >\n );\n }\n\n}\n"],"version":3}

package/dist/components/salla-product-availability.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaProductAvailability = SallaProductAvailability$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaProductAvailability, defineCustomElement };
+//# sourceMappingURL=salla-product-availability.js.map

package/dist/components/salla-product-availability.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-product-availability.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-product-availability2.js CHANGED Viewed

@@ -206,3 +206,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaProductAvailability as S, defineCustomElement as d };
+//# sourceMappingURL=salla-product-availability2.js.map

package/dist/components/salla-product-availability2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-product-availability2.js","mappings":"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","names":["BellRingIcon"],"sources":["./src/components/salla-product-availability/salla-product-availability.scss?tag=salla-product-availability","./src/components/salla-product-availability/salla-product-availability.tsx"],"sourcesContent":["/*\n* Salla Product Availability Component: popup modal to notify user if the product is available,\n* used in the product single page if the product isn't available.\n* You can use these classes to target the elements in the component.\n*/\n.s-product-availability {\n &-wrap {\n\n }\n &-subscribed {\n\n }\n\n &-subs-icon {\n\n }\n\n &-body {\n\n }\n\n &-label {\n\n }\n\n &-input {\n\n }\n\n &-footer {\n\n }\n\n &-footer-btn {\n\n }\n\n &-error-msg {\n\n }\n}\n","import {Component, Element, Host, Prop, State, Watch, h} from '@stencil/core';\nimport BellRingIcon from '../../assets/svg/bell-ring.svg';\nimport Helper from '../../Helpers/Helper';\n\n@Component({tag: 'salla-product-availability', styleUrl: 'salla-product-availability.scss'})\n\nexport class SallaProductAvailability {\n constructor() {\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');\n this.modal?.setTitle(this.title_);\n });\n if (!this.productId) {\n this.productId = salla.config.get('page.id');\n }\n\n if (this.isUser) return;\n\n this.channelsWatcher(this.channels);\n this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');\n this.host.removeAttribute('title');\n\n //todo:: fix this to cover options too\n this.isVisitorSubscribed = !this.notifyOptionsAvailability ? salla.storage.get(`product-${this.productId}-subscribed`) : '';\n }\n\n\n private isUser: boolean = salla.config.isUser();\n private modal: HTMLSallaModalElement;\n private channels_: Array<string>;\n private email: HTMLInputElement;\n private btn: HTMLSallaButtonElement;\n private mobileInput: HTMLSallaTelInputElement;\n\n @Element() host: HTMLElement;\n\n @State() translationLoaded: boolean = false;\n @State() title_: string;\n @State() isVisitorSubscribed: string;\n\n\n /**\n * Notification channels\n */\n @Prop() channels: 'sms' | 'email' | 'sms,email';\n\n /**\n * Listen to product options availability.\n */\n @Prop() notifyOptionsAvailability: boolean = false;\n\n /**\n * product id that can visitor subscribe to its availability notification\n */\n @Prop() productId: number;\n /**\n * is current user already subscribed\n */\n @Prop({mutable: true}) isSubscribed: boolean = false;\n\n\n @Watch('channels')\n channelsWatcher(newValue) {\n this.channels_ = !!newValue ? newValue.split(',') : [];\n }\n\n private handleSubmitOptions = async () => {\n let payload: any = {id: this.productId};\n if (!this.notifyOptionsAvailability) {\n return payload;\n }\n let optionsElement: HTMLSallaProductOptionsElement = document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`);\n let options: Array<any> = Object.values(await optionsElement?.getSelectedOptionsData() || {});\n //if all options not selected, show message && throw exception\n if (options.length && !await optionsElement?.reportValidity()) {\n let errorMessage = salla.lang.get('common.messages.required_fields');\n salla.error(errorMessage);\n throw errorMessage;\n }\n\n payload.options = [];\n options.forEach(option => {\n //inject numbers only, without zeros\n if (option && !isNaN(option)) {\n payload.options.push(Number(option));\n }\n })\n return payload;\n }\n\n private openModel() {\n this.handleSubmitOptions().then(isSuccess => isSuccess ? this.modal.open() : null)\n }\n\n private async submit() {\n let payload: any = await this.handleSubmitOptions();\n\n if (this.isUser) {\n return salla.api.product.availabilitySubscribe(payload)\n .then(() => this.isSubscribed = true);\n }\n\n if (this.channels_.includes('sms')) {\n let {phone, countryCode} = await this.mobileInput.getValues();\n payload['country_code'] = countryCode;\n payload['phone'] = phone;\n }\n\n if (this.channels_.includes('email')) {\n this.email.value !== '' && (payload['email'] = this.email.value);\n }\n\n await this.validateform();\n\n return this.btn.load()\n .then(() => this.btn.disable())\n .then(() => salla.api.product.availabilitySubscribe(payload))\n .then(() => {\n if (!this.notifyOptionsAvailability) {\n salla.storage.set(`product-${this.productId}-subscribed`, true);\n this.isSubscribed = true;\n return;\n }\n if (payload.options.length) {\n let options = salla.storage.get(`product-${this.productId}-subscribed-options`) || [];\n let selectedOptionsString = payload.options.join(',');\n if (!options.includes(selectedOptionsString)) {\n options.push(selectedOptionsString);\n salla.storage.set(`product-${this.productId}-subscribed-options`, options);\n this.isSubscribed = true;\n } else {\n salla.log('already subscribed to this options');\n }\n }\n })\n .then(() => this.btn.stop())\n .then(() => this.modal.close())\n .catch(() => this.btn.stop() && this.btn.enable());\n }\n\n private async validateform() {\n try {\n if (this.channels_.includes('email')) {\n const isEmailValid = Helper.isValidEmail(this.email.value);\n if (isEmailValid) return;\n !isEmailValid && this.validateField(this.email, salla.lang.get('common.elements.email_is_valid'));\n }\n if (this.channels_.includes('sms')) {\n const isPhoneValid = await this.mobileInput.isValid();\n if (isPhoneValid) return;\n }\n } catch (error) {\n throw ('Please insert required fields');\n }\n }\n\n\n // helpers\n private typing = (e) => {\n const error = e.target.nextElementSibling;\n e.target.classList.remove('s-has-error');\n error?.classList.contains('s-product-availability-error-msg') && (error.innerText = '');\n e.keyCode === 13 && this.submit();\n }\n\n validateField(field: HTMLInputElement, errorMsg: string) {\n field.classList.add('s-has-error');\n field.nextElementSibling['innerText'] = '* ' + errorMsg;\n }\n\n render() {\n return (\n <Host class=\"s-product-availability-wrap\">{this.isSubscribed || this.isVisitorSubscribed\n ? <div class=\"s-product-availability-subscribed\">\n <span innerHTML={BellRingIcon} class=\"s-product-availability-subs-icon\"/>\n {salla.lang.get('pages.products.notify_availability_success')}\n </div>\n :\n <salla-button width=\"wide\" onClick={() => this.isUser ? this.submit() : this.openModel()}>\n {salla.lang.get('pages.products.notify_availability')}\n </salla-button>\n\n }\n {this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()}\n </Host>\n );\n }\n\n private renderModal() {\n return (\n <salla-modal ref={modal => this.modal = modal} modal-title={this.title_}\n subTitle={salla.lang.get('pages.products.notify_availability_subtitle')} width=\"sm\">\n <span slot='icon' class=\"s-product-availability-header-icon\" innerHTML={BellRingIcon}/>\n <div class=\"s-product-availability-body\">\n {this.channels_.includes('email') ? [\n <label class=\"s-product-availability-label\">{salla.lang.get('common.elements.email')}</label>,\n <input class=\"s-product-availability-input\" onKeyDown={e => this.typing(e)}\n placeholder={salla.lang.get('common.elements.email_placeholder') || 'your@email.com'}\n ref={el => this.email = el}\n type=\"email\" />,\n <span class=\"s-product-availability-error-msg\"/>\n ] : ''}\n\n {this.channels_.includes('sms') ? [\n <label class=\"s-product-availability-label\">{salla.lang.get('common.elements.mobile')}</label>,\n <salla-tel-input ref={el => this.mobileInput = el} onKeyDown={e => this.typing(e)} />\n ] : ''}\n </div>\n <div slot=\"footer\" class=\"s-product-availability-footer\">\n <salla-button class=\"modal-cancel-btn\" width=\"wide\" color=\"light\" fill=\"outline\"\n onClick={() => this.modal.close()}>\n {salla.lang.get('common.elements.cancel')}\n </salla-button>\n <salla-button class=\"submit-btn\" loader-position='center' width=\"wide\" ref={btn => this.btn = btn}\n onClick={() => this.submit()}>{salla.lang.get('common.elements.submit')}</salla-button>\n </div>\n </salla-modal>);\n }\n}\n"],"version":3}

package/dist/components/salla-product-options.js CHANGED Viewed

@@ -440,3 +440,5 @@ const SallaProductOptions = SallaProductOptions$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaProductOptions, defineCustomElement };
+//# sourceMappingURL=salla-product-options.js.map

package/dist/components/salla-product-options.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-product-options.js","mappings":"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","names":["SallaProductOptions"],"sources":["./src/components/salla-product-options/interfaces.ts","./src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","./src/components/salla-product-options/salla-product-options.tsx"],"sourcesContent":["export enum DisplayType {\n COLOR = \"color\",\n DATE = \"date\",\n DATETIME = \"datetime\",\n DONATION = \"donation\",\n IMAGE = \"image\",\n MULTIPLE_OPTIONS = \"multiple-options\",\n NUMBER = \"number\",\n SINGLE_OPTION = \"single-option\",\n SPLITTER = \"splitter\",\n TEXT = \"text\",\n TEXTAREA = \"textarea\",\n THUMBNAIL = \"thumbnail\",\n TIME = \"time\",\n RADIO = \"radio\",\n CHECKBOX = \"checkbox\",\n MAP = \"map\",\n FILE = \"file\", // similar to image type (file-uploader component)\n COLOR_PICKER = \"color_picker\"\n\n}\n\nexport interface ProductDetail {\n id: string;\n sku: string;\n name: string;\n description: string;\n url: string;\n promotion_title: string;\n subtitle: string;\n type: string;\n status: string;\n price: number;\n sale_price: number;\n regular_price: number;\n starting_price: null;\n quantity: number;\n max_quantity: number;\n discount_ends: number;\n is_taxable: boolean;\n has_read_more: boolean;\n can_add_note: boolean;\n can_show_remained_quantity: boolean;\n can_upload_file: boolean;\n has_custom_form: boolean;\n is_on_sale: boolean;\n is_hidden_quantity: boolean;\n is_available: boolean;\n is_out_of_stock: boolean;\n weight: null;\n calories: null;\n image: SimpleImage;\n brand: Brand;\n donation?: ProductDonation;\n images: Image[];\n tags: Tag[];\n notify_availability: null;\n rating: Rating;\n options: Option[];\n sold_quantity: number;\n category: Category;\n}\n\nexport interface SimpleImage {\n url: string;\n alt: string;\n}\n\nexport interface Category {\n name: string;\n url: string;\n icon: string;\n}\n\nexport interface ProductDonation {\n target_message?: string;\n collected_amount?: number;\n target_amount?: number;\n target_percent?: number;\n target_end_date?: string;\n can_donate: boolean;\n}\n\nexport interface Image {\n id: number;\n url: string;\n main: boolean;\n three_d_image_url: string;\n alt: string;\n video_url: string;\n type: string;\n sort: number;\n}\n\nexport interface Option {\n id: number;\n name: string;\n required: boolean;\n type: string;\n placeholder: string;\n option_type: string;\n not_same_day_order: boolean;\n availability_range: number;\n from_date_time: null;\n to_date_time: null;\n visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n details?: Detail[];\n condition_attributes: string;\n value?: any;\n donation?: Donation\n}\n\nexport interface Donation {\n target_message?: string;\n target_date: string | \"2023-04-18\";\n target_end_date: string | \"2023-04-18\";\n target_amount: number;\n collected_amount: number;\n can_donate: boolean;\n}\n\nexport interface Detail {\n id: number;\n option_id: number;\n name: string;\n additional_price: number;\n option_value: null | string;\n image: null | string;\n color: null | string;\n is_out: boolean;\n skus_availability?: { [sku_id: number]: boolean };\n is_selected: boolean;\n}\n\nexport interface Brand {\n id: string;\n url: string;\n name: string;\n logo: string;\n}\n\nexport interface PreTaxPrice {\n amount: number;\n currency: Currency;\n}\n\nexport enum Currency {\n Sar = \"SAR\",\n}\n\nexport interface Promotion {\n title: string;\n sub_title: string;\n}\n\nexport interface Rating {\n count: number;\n stars: number;\n}\n\nexport interface Tag {\n name: string;\n url: string;\n}\n","\n.s-product-options{\n &-wrapper{\n\n }\n &-option-container{\n\n }\n &-option{\n\n }\n &-option-label{\n\n }\n &-option-content{\n\n }\n &-colors-wrapper{\n\n }\n &-date-element{\n\n }\n &-time-element{\n \n }\n &-datetime-element{\n\n }\n &-image-input{\n\n }\n &-multiple-options-wrapper{\n\n }\n &-splitter{\n\n }\n &-text{\n\n }\n &-textarea{\n\n }\n &-thumbnails-wrapper{\n\n }\n}","import {Component, Prop, h, State, Element, Host, Event, EventEmitter, Method} from '@stencil/core';\nimport {Option, DisplayType, Detail} from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n tag: 'salla-product-options',\n styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n constructor() {\n this.canDisabled = !salla.config.get('store.settings.products.notify_options_availability');\n salla.lang.onLoaded(() => {\n this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n this.donationAmount = salla.lang.get('pages.products.donation_amount');\n });\n\n if (this.options) {\n try {\n this.setOptionsData(JSON.parse(this.options));\n return;\n } catch (e) {\n salla.log('Bad json passed via options prop');\n }\n }\n if (!Array.isArray(this.optionsData)) {\n salla.log('Options is not an array[] ---> ', this.optionsData);\n this.setOptionsData([]);\n }\n\n if (this.productId && !salla.url.is_page('cart')) {\n salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n }\n }\n\n private setOptionsData(optionsData: Option[]) {\n this.optionsData = optionsData;\n let that = this\n this.optionsData[0]?.details?.forEach(function (detail) {\n Object.entries(detail.skus_availability || {})\n .filter(sku => !sku[1])\n .map(sku => that.outSkus.push(Number(sku[0])));\n });\n }\n\n\n @Element() host: HTMLElement;\n\n private fileTypes: Object = {\n pdf: 'application/pdf',\n png: 'image/png',\n jpg: 'image/jpeg',\n word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n txt: 'text/plain',\n };\n\n @State() optionsData: Option[];\n @State() outOfStockText: string = ''\n @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n @State() selectedOptions: Array<any> = [];\n @State() canDisabled: boolean;\n @State() selectedSkus?: Array<string | number>;\n @State() selectedOutSkus?: Array<string | number>;\n private outSkus: Array<string | number> = [];\n\n\n /**\n * The id of the product to which the options are going to be fetched for.\n */\n @Prop() productId: number = salla.config.get('page.id');\n\n /**\n * Product detail information.\n */\n @Prop() options: string;\n\n /**\n * Get the id's of the selected options.\n * */\n @Method()\n async getSelectedOptionsData() {\n let selectedOptions = {}\n let formData = (this.host as any).getElementSallaData();\n formData.forEach(function (value, key) {\n key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n });\n return selectedOptions;\n }\n\n /**\n * Report options form validity.\n * */\n @Method()\n async reportValidity() {\n let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n let pass = true;\n for (let i = 0; i < requiredElements.length; i++) {\n //if there is only one invalid option, return false\n if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n pass = false;\n }\n }\n return pass;\n }\n\n /**\n * Return true if there is any out of stock options are selected and vise versa.\n * */\n @Method()\n async hasOutOfStockOption() {\n return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus.length && this.selectedSkus.every(sku => this.outSkus.includes(sku)));\n }\n\n /**\n * Get selected options.\n * */\n @Method()\n async getSelectedOptions() {\n return this.selectedOptions;\n }\n\n /**\n * Get a specific option by its id.\n * */\n @Method()\n async getOption(option_id) {\n return this.optionsData.find(option => option.id === option_id);\n }\n\n /**\n * An event that emitted when any option is changed.\n */\n @Event() changed: EventEmitter;\n\n // @ts-ignore\n private invalidHandler(event, option: Option) {\n const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n if (!salla.url.is_page('cart')) {\n closestProductOption.scrollIntoView({behavior: 'smooth', block: 'center'});\n }\n closestProductOption.classList.add('s-product-options-option-error');\n }\n\n private changedHandler(event, option) {\n let data = {event: event, option: option, detail: null};\n if (option.details) {\n let detail = option.details.find((detail) => {\n return Number(detail.id) === Number(event.target.value);\n });\n data.detail = detail\n }\n\n let optionElement = event.target.closest('.s-product-options-option');\n if (event.target.value \n || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added') \n || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n setTimeout(() => {\n optionElement.classList.remove('s-product-options-option-error');\n }, 200);\n }\n\n const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n index > -1 ? this.selectedOptions[index] = {\n ...data.detail,\n option_id: data.option.id\n } : this.selectedOptions.push({...data.detail, option_id: data.option.id})\n\n this.setSelectedSkus();\n this.handleRequiredMultipleOptions(option);\n this.changed.emit(data);\n salla.event.emit('product-options::change', data);\n }\n\n /**\n * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n */\n private setSelectedSkus() {\n this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n .reduce((p, c) => p.filter(e => c.includes(e)))\n .map(sku => Number(sku));\n }\n\n private handleRequiredMultipleOptions(option) {\n if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n return;\n }\n const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n }\n\n private getLatLng(value, type: 'lat' | 'lng') {\n return value\n ? value.split(',')[type == 'lat' ? 0 : 1]\n : '';\n }\n\n private getDisplayForType(option: Option) {\n if (this[`${option.type}Option`]) {\n return this[`${option.type}Option`](option);\n }\n\n if (option.type === DisplayType.COLOR_PICKER) {\n return this.colorPickerOption(option)\n }\n\n if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n return this.multipleOptions(option);\n }\n\n if (option.type === DisplayType.SINGLE_OPTION) {\n return this.singleOption(option);\n }\n salla.log(`Couldn't find options type(${option.type})😢`);\n return '';\n }\n\n protected getOptionShownWhen(option: Option) {\n return option.visibility_condition\n ? {\"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}`}\n : {};\n }\n\n //we need the cart Id for productOption Image\n componentWillLoad() {\n this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n return salla.api.cart.getCurrentCartId();\n }\n\n render() {\n if (this.optionsData?.length == 0) {\n return;\n }\n\n return (\n <Host class=\"s-product-options-wrapper\">\n {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n <salla-conditional-fields>\n {this.optionsData.map((option: Option) =>\n <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n data-option-id={option.id}\n {...this.getOptionShownWhen(option)}>\n {option.name == 'splitter' ?\n this.splitterOption()\n : <div class=\"s-product-options-option\" data-option-type={option.type}\n data-option-required={`${option.required}`}>\n <label htmlFor={'options[' + option.id + ']'} class=\"s-product-options-option-label\">\n <b>\n {option.name}\n {option.required && <span> * </span>} </b>\n <small>{option.placeholder}</small>\n </label>\n <div class=\"s-product-options-option-content\">\n {this.getDisplayForType(option)}\n </div>\n </div>}\n </div>\n )}\n </salla-conditional-fields>\n </Host>\n );\n\n }\n\n //@ts-ignore\n private donationOption(option: Option, product: Product) {\n return <div class=\"s-product-options-donation-wrapper\">\n {\n option.donation ?\n <div class=\"s-product-options-donation-progress\">\n <salla-progress-bar donation={option.donation}>\n </salla-progress-bar>\n </div>\n : ''\n }\n <div class=\"s-product-options-donation-input-group\">\n <input\n type=\"text\"\n id=\"donating-amount\"\n name=\"donating_amount\"\n class=\"s-form-control\"\n value={option.value}\n required\n placeholder={option.placeholder}\n onInput={e => salla.helpers.inputDigitsOnly(e.target)}\n onBlur={e => this.changedHandler(e, option)}\n onInvalid={(e) => this.invalidHandler(e, option)}\n />\n {/* value={option.value} */}\n <span class=\"s-product-options-donation-amount-currency\">\n {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n </span>\n </div>\n </div>\n }\n\n private fileUploader(option: Option, additions: Object | null = null) {\n return <salla-file-upload\n {...(additions || {})}\n payload-name=\"file\"\n value={option.value}\n instant-upload={true}\n name={`options[${option.id}]`}\n required={option.required}\n height=\"120px\"\n onAdded={(e) => this.changedHandler(e, option)}\n url={salla.cart.api.getUploadImageEndpoint()}\n form-data={{cart_item_id: this.productId, product_id: this.productId}}\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n class={{\"s-product-options-image-input\": true, required: option.required}}\n >\n <div class=\"s-product-options-filepond-placeholder\">\n <span class=\"s-product-options-filepond-placeholder-icon\"\n innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n ? CameraIcon\n : FileIcon}\n />\n <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n </div>\n </salla-file-upload>\n }\n\n //@ts-ignore\n private imageOption(option: Option) {\n return this.fileUploader(option, {accept: 'image/png,image/jpeg,image/jpg,image/gif'});\n }\n\n //@ts-ignore\n private fileOption(option: Option) {\n let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n return types?.length\n ? this.fileUploader(option, {accept: types.join(',')})\n : 'File types not selected.';\n }\n\n //@ts-ignore\n private numberOption(option: Option) {\n return <input\n type=\"text\"\n value={option.value}\n class=\"s-form-control\"\n required={option.required}\n name={`options[${option.id}]`}\n placeholder={option.placeholder}\n onBlur={e => this.changedHandler(e, option)}\n onInvalid={(e) => this.invalidHandler(e, option)}\n onInput={e => salla.helpers.inputDigitsOnly(e.target)}/>\n }\n\n //@ts-ignore\n private splitterOption() {\n return <div class=\"s-product-options-splitter\"/>\n }\n\n //@ts-ignore\n private textOption(option: Option) {\n return <div class=\"s-product-options-text\">\n <input\n type=\"text\"\n value={option.value}\n class='s-form-control'\n required={option.required}\n name={`options[${option.id}]`}\n placeholder={option.placeholder}\n onInvalid={(e) => this.invalidHandler(e, option)}\n onInput={e => this.changedHandler(e, option)}/>\n </div>\n }\n\n //@ts-ignore\n private textareaOption(option: Option) {\n //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great\n return <div class=\"s-product-options-textarea\">\n <div class=\"mt-1\">\n <textarea\n rows={4}\n value={option.value}\n class=\"s-form-control\"\n required={option.required}\n id={`options[${option.id}]`}\n name={`options[${option.id}]`}\n placeholder={option.placeholder}\n onInvalid={(e) => this.invalidHandler(e, option)}\n onInput={(e) => this.changedHandler(e, option)}/>\n </div>\n </div>\n }\n\n //@ts-ignore\n private mapOption(option: Option) {\n return <salla-map\n zoom={15}\n lat={this.getLatLng(option.value, 'lat')}\n lng={this.getLatLng(option.value, 'lng')}\n name={`options[${option.id}]`}\n searchable={true}\n required={option.required}\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n onSelected={e => this.changedHandler(e, option)}/>\n }\n\n private colorPickerOption(option: Option) {\n return <salla-color-picker\n onSubmitted={e => this.changedHandler(e, option)}\n name={`options[${option.id}]`}\n required={option.required}\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n color={option.value}/>\n }\n\n /**\n * ============= Date Time options =============\n */\n //@ts-ignore\n private timeOption(option: Option) {\n return <salla-datetime-picker\n noCalendar={true}\n enableTime={true}\n dateFormat=\"h:i K\"\n value={option.value}\n placeholder={option.name}\n required={option.required}\n name={`options[${option.id}]`}\n class=\"s-product-options-time-element\"\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n onPicked={e => this.changedHandler(e, option)}/>\n }\n\n //@ts-ignore\n private dateOption(option: Option) {\n //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n return <div class=\"s-product-options-date-element\">\n <salla-datetime-picker\n value={option.value}\n placeholder={option.name}\n required={option.required}\n minDate={new Date()}\n name={`options[${option.id}]`}\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n onPicked={e => this.changedHandler(e, option)}/>\n </div>\n }\n\n //@ts-ignore\n private datetimeOption(option: Option) {\n //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n return <div class=\"s-product-options-datetime-element\">\n <salla-datetime-picker\n enableTime={true}\n value={option.value}\n dateFormat=\"Y-m-d G:i:K\"\n placeholder={option.name}\n required={option.required}\n name={`options[${option.id}]`}\n maxDate={option.to_date_time}\n minDate={option.from_date_time}\n onInvalidInput={(e) => this.invalidHandler(e, option)}\n onPicked={e => this.changedHandler(e, option)}/>\n </div>\n }\n\n /**\n * ============= Advanced options =============\n */\n protected getOptionDetailName(detail: Detail, outOfStock: boolean = true, optionType?: string) {\n if (optionType && optionType == DisplayType.COLOR) {\n return detail.name\n + ((outOfStock && this.isOptionDetailOut(detail)) ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');\n }\n\n return detail.name\n + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')\n + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');\n }\n\n\n protected isOptionDetailOut(detail: Detail) {\n if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n return detail.is_out;\n }\n\n let isDetailSelected = this.selectedOptions.filter(option => option.id == detail.id).length;\n //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n if (isDetailSelected && this.selectedOptions.length == 1) {\n return false;\n }\n\n //if current details has sku in the possible outSkus it's out for sure\n if (isDetailSelected) {\n //here we will get the possible outSkus for current selected options\n let outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n }\n\n return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n }\n\n private singleOption(option: Option) {\n return <div>\n <select name={`options[${option.id}]`}\n required={option.required}\n class=\"s-form-control\"\n onInvalid={(e) => this.invalidHandler(e, option)}\n onChange={e => this.changedHandler(e, option)}>\n <option value=\"\">{option.placeholder}</option>\n {\n option?.details.map((detail: Detail) => {\n return <option value={detail.id} disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n selected={detail.is_selected}>\n {this.getOptionDetailName(detail)}\n </option>\n })\n }\n </select>\n </div>\n }\n\n private multipleOptions(option: Option) {\n return <div class={{\"s-product-options-multiple-options-wrapper\": true, 'required': option.required}}>\n {\n option?.details.map((detail: Detail) => {\n return <div>\n <input type=\"checkbox\"\n value={detail.id}\n disabled={this.isOptionDetailOut(detail)}\n checked={detail.is_selected}\n required={option.required}\n name={`options[${option.id}][]`}\n id={`field-${option.id}-${detail.id}`}\n onChange={(e) => this.changedHandler(e, option)}\n onInvalid={(e) => this.invalidHandler(e, option)}\n aria-describedby={`options[${option.id}]-description`}/>\n <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n </div>\n })\n }\n </div>\n }\n\n //@ts-ignore\n private colorOption(option: Option) {\n return <fieldset class=\"s-product-options-colors-wrapper\">\n {\n option?.details.map((detail) =>\n <div class=\"s-product-options-colors-item\">\n <input type=\"radio\"\n value={detail.id}\n required={option.required}\n checked={detail.is_selected}\n name={`options[${option.id}]`}\n disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n id={`color-${this.productId}-${option.id}-${detail.id}`}\n onInvalid={(e) => this.invalidHandler(e, option)}\n onChange={e => this.changedHandler(e, option)}/>\n <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n <span style={{\"background-color\": detail.color}}/>\n <div innerHTML={this.getOptionDetailName(detail, true, option.type)}></div>\n </label>\n </div>\n )\n }\n </fieldset>\n }\n\n //@ts-ignore\n private thumbnailOption(option: Option) {\n return <div class=\"s-product-options-thumbnails-wrapper\">\n {option.details.map((detail: Detail) => {\n return <div>\n <input type=\"radio\"\n value={detail.id}\n data-itemid={detail.id} //todo:: why need this? it's already in the value!\n required={option.required}\n checked={detail.is_selected}\n name={`options[${option.id}]`}\n data-img-id={detail.option_value}\n disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n id={`option_${this.productId}-${option.id}_${detail.id}`}\n onInvalid={(e) => this.invalidHandler(e, option)}\n onChange={(e) => this.changedHandler(e, option)}/>\n <label htmlFor={`option_${this.productId}-${option.id}_${detail.id}`}\n data-img-id={detail.option_value}\n class=\"go-to-slide\">\n <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name}/>\n <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\"/>\n {this.isOptionDetailOut(detail) ?\n [\n <small class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n this.canDisabled ? <div class=\"s-product-options-thumbnails-badge-overlay\"/> : '',\n ]\n : ''}\n </label>\n <p>{this.getOptionDetailName(detail, false)} </p>\n </div>\n })}\n </div>\n }\n}\n"],"version":3}

package/dist/components/salla-product-size-guide.js CHANGED Viewed

@@ -132,3 +132,5 @@ const SallaProductSizeGuide = SallaProductSizeGuide$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaProductSizeGuide, defineCustomElement };
+//# sourceMappingURL=salla-product-size-guide.js.map

package/dist/components/salla-product-size-guide.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-product-size-guide.js","mappings":"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","names":["SallaProductSizeGuide"],"sources":["./src/components/salla-product-size-guide/salla-product-size-guide.scss?tag=salla-product-size-guide","./src/components/salla-product-size-guide/salla-product-size-guide.tsx"],"sourcesContent":["/*\n* Salla Product Size Guide Component: has many sizes, styles and loading state.\n* You can use these classes to target the elements in the component.\n*/\n","import { Component, State, Method, Element, h } from '@stencil/core';\nimport PencilRuler from \"../../assets/svg/pencil-ruler.svg\";\nexport interface SizeGuide {\n name: string;\n description: string;\n}\n\n/**\n * @slot header - The upper section of the component.Empty by default.\n * @slot footer - The bottom section of the component.Empty by default.\n */\n@Component({\n tag: 'salla-product-size-guide',\n styleUrl: 'salla-product-size-guide.scss',\n})\nexport class SallaProductSizeGuide {\n constructor() {\n salla.event.on('size-guide::open', (product_id) => this.open(product_id));\n salla.lang.onLoaded(() => {\n this.placeholder_title = salla.lang.get('pages.products.size_guide_placeholder')\n this.placeholder_description = salla.lang.get('pages.products.size_guide_placeholder_info')\n this.modal_title = salla.lang.get('pages.products.size_guides');\n })\n }\n private modal: HTMLSallaModalElement;\n @State() guides: Array<SizeGuide> | [];\n @State() productId: number;\n\n @State() placeholder_title: string;\n @State() placeholder_description: string;\n @State() modal_title: string;\n @State() hasError: boolean = false;\n\n @Element() host: HTMLElement;\n /**\n * Show the size-guide modal window\n */\n @Method()\n async open(product_id: number) {\n this.modal.setTitle(this.modal_title)\n this.modal.open()\n return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))\n .then((response) => {\n this.guides = response.data;\n })\n .catch(e => {\n console.log(e)\n this.hasError = true;\n this.placeholder_description = e.response?.data?.error?.message || e.response?.data;\n })\n .finally(() => this.modal.stopLoading())\n }\n /**\n *\n * Hide the size-guide modal window\n */\n @Method()\n async close() {\n return this.modal.close();\n }\n private showPlaceholder() {\n return <salla-placeholder alignment=\"center\" iconSize=\"xl\">\n <div slot=\"title\">\n {this.placeholder_title}\n </div>\n <div slot=\"description\">\n {this.placeholder_description}\n </div>\n </salla-placeholder>\n }\n render() {\n return (\n <salla-modal class=\"s-product-size-guide-wrapper\" id='salla-product-size-guide-modal' isLoading={true} has-skeleton width=\"md\" ref={modal => this.modal = modal}>\n <span slot='icon' class=\"s-product-size-guide-header-icon\" innerHTML={PencilRuler}></span>\n <div slot=\"loading\">\n <div class=\"s-product-size-guide-skeleton\">\n <salla-skeleton height='15px' width='25%'></salla-skeleton>\n\n <div class=\"s-product-size-guide-skeleton-header\">\n <salla-skeleton height='40px'></salla-skeleton>\n <salla-skeleton height='40px'></salla-skeleton>\n <salla-skeleton height='40px'></salla-skeleton>\n <salla-skeleton height='40px'></salla-skeleton>\n </div>\n <div class=\"s-product-size-guide-skeleton-content\">\n <salla-skeleton height='15px' width='25%'></salla-skeleton>\n <salla-skeleton height='10px' width='75%'></salla-skeleton>\n <salla-skeleton height='10px' width='50%'></salla-skeleton>\n <salla-skeleton height='10px' width='75%'></salla-skeleton>\n <salla-skeleton height='10px' width='100%'></salla-skeleton>\n <salla-skeleton height='10px' width='25%'></salla-skeleton>\n <salla-skeleton height='10px' width='60%'></salla-skeleton>\n <salla-skeleton height='10px' width='45%'></salla-skeleton>\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n </div>\n\n\n </div>\n </div>\n <slot name=\"header\" />\n {!this.hasError && !!this.guides ?\n [\n <salla-tabs>\n {this.guides.map((guide: SizeGuide) =>\n <salla-tab-header slot=\"header\" name={guide.name}>\n <span>{guide.name}</span>\n </salla-tab-header>\n )}\n {this.guides.map((guide: SizeGuide) =>\n <salla-tab-content slot=\"content\" name={guide.name}>\n <div innerHTML={guide.description}></div>\n </salla-tab-content>\n )}\n </salla-tabs>\n ]\n : this.showPlaceholder()\n }\n <slot name=\"footer\" />\n </salla-modal>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-progress-bar.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaProgressBar = SallaProgressBar$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaProgressBar, defineCustomElement };
+//# sourceMappingURL=salla-progress-bar.js.map

package/dist/components/salla-progress-bar.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-progress-bar.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-progress-bar2.js CHANGED Viewed

@@ -85,3 +85,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaProgressBar as S, defineCustomElement as d };
+//# sourceMappingURL=salla-progress-bar2.js.map

package/dist/components/salla-progress-bar2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-progress-bar2.js","mappings":"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","names":[],"sources":["./src/components/salla-progress-bar/salla-progress-bar.scss?tag=salla-progress-bar","./src/components/salla-progress-bar/salla-progress-bar.tsx"],"sourcesContent":[".s-progress-bar{\n &-header{\n }\n &-target-section {\n }\n\n &-container {\n }\n\n &-wrapper {\n }\n\n &-progress {\n }\n\n &-message {\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Donation } from \"../salla-product-options/interfaces\";\n\n@Component({\n tag: 'salla-progress-bar',\n styleUrl: 'salla-progress-bar.scss',\n})\nexport class SallaProgressBar {\n\n constructor() {\n try {\n if (this.donation) {\n let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;\n if (donationJson.can_donate) {\n this.value = donationJson.collected_amount;\n this.target = donationJson.target_amount;\n this.header = salla.lang.get('pages.products.target');\n this.message = donationJson.target_end_date == '0000-00-00' ? '' : salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date;\n } else {\n this.message = donationJson.target_message;\n }\n }\n } catch (e) {\n salla.log('Wrong donation json');\n }\n\n salla.lang.onLoaded(() => {\n this.header = this.header?.replace('pages.products.target', salla.lang.get('pages.products.target'))\n this.message = this.message?.replace('pages.products.donation_target_date', salla.lang.get('pages.products.donation_target_date'))\n });\n\n salla.onReady(() => {\n this.color = this.color || salla.config.get('theme.color.primary', \"#ffd5c4\")\n if (!this.unit) {\n this.unit = salla.config.currency().symbol;\n }\n })\n }\n\n /**\n * You can just pass the donation as json string ex: `{\"target_message\":null,\"target_date\":\"2023-04-18\",\"target_end_date\":\"2023-04-18\",\"target_amount\":400,\"collected_amount\":380,\"can_donate\":true}`\n */\n @Prop() donation: string | Donation;\n /**\n * The goal of the progress bar\n */\n @Prop({ mutable: true }) target: number;\n\n /**\n * The progress so far as of the goal.\n */\n @Prop({ mutable: true }) value: number;\n \n \n /**\n * Set height for the wrapper.\n */\n @Prop({ mutable: true }) height: string = \"10px\";\n\n /**\n * Big Title, before the progress bar.\n */\n @Prop({ mutable: true }) header: string;\n\n /**\n * Stripped effect for tje progress bar.\n */\n @Prop({ mutable: true }) stripped: boolean;\n\n /**\n * Subtitle under the progress bar or instead of it if the target not being set.\n */\n @Prop({ mutable: true }) message: string;\n\n /**\n * The unite to be added after the numbers, defaults to: `salla.config.currency().symbol`\n */\n @Prop({ mutable: true }) unit: string;\n\n /**\n * Progress bar color, defaults to: `salla.config.get('theme.color.primary', \"#ffd5c4\")`\n */\n @Prop({ mutable: true }) color: string;\n\n private getPercentage(): number {\n return (this.value / this.target) * 100;\n }\n\n render() {\n if (!this.target && !this.message) {\n return '';\n }\n\n return (\n <div class=\"s-progress-bar-container\">\n {this.header ? <div class=\"s-progress-bar-header\">{this.header}</div> : ''}\n {this.getProgressBar()}\n {this.message ? <span class=\"s-progress-bar-message\">{this.message}</span> : ''}\n </div>\n );\n }\n\n private getProgressBar() {\n return this.target ? [\n <div class=\"s-progress-bar-target-section\">\n <span>{salla.helpers.number(this.value)} {this.unit}</span>\n <span>{salla.helpers.number(this.target)} {this.unit}</span>\n </div>,\n <div class=\"s-progress-bar-wrapper\" style={{ 'height': this.height }}>\n <div class={{ \"s-progress-bar-progress\": true, 's-progress-bar-progress-stripped': this.stripped }}\n style={{ 'width': `${this.getPercentage()}%`, 'background-color': this.color }}>\n </div>\n </div>\n ] : '';\n }\n\n}\n"],"version":3}

package/dist/components/salla-quantity-input.js CHANGED Viewed

@@ -118,3 +118,5 @@ const SallaQuantityInput = SallaQuantityInput$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaQuantityInput, defineCustomElement };
+//# sourceMappingURL=salla-quantity-input.js.map

package/dist/components/salla-quantity-input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-quantity-input.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCSnBA,oBAAkB;EAJ/B;;;IAQU,mBAAc,GAAQ,EAAE,CAAC;IACzB,qBAAgB,GAAY,KAAK,CAAC;IAClC,qBAAgB,GAAY,KAAK,CAAC;IAGlC,cAAS,GAAY,KAAK,CAAC;IAE1B,aAAQ,GAAW,CAAC,CAAC;GA2F/B;;;;EArFC,gBAAgB;IACd,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,OAAO;KACR;IAED,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;GACtG;EAED,iBAAiB;IACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/D,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC/E,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;GAChF;EAED,gBAAgB;IACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;GAClG;EAEO,kBAAkB;IACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACpD,IAAI,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;QAC3E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;OACnF;KACF;IAED,OAAO,IAAI,CAAC,cAAc,CAAC;GAC5B;;;;;EAOD,MAAM,QAAQ;IACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;GACzC;;;;;EAOD,MAAM,QAAQ;IACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;;;;;EAOD,MAAM,QAAQ,CAAC,KAAK;IAClB,IAAI,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,IAAI,WAAW,IAAI,KAAK,GAAG,WAAW,EAAE;MACtC,KAAK,GAAG,WAAW,CAAC;KACrB;IACD,IAAI,KAAK,IAAI,CAAC,EAAE;MACd,KAAK,GAAG,CAAC,CAAC;KACX;IACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,OAAO,IAAI,CAAC,IAAI,CAAC;GAClB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC5B,WAAK,KAAK,EAAC,4BAA4B,IACrC,cAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAC,0DAA0D,EAAC,IAAI,EAAC,QAAQ,IACnH,CAAC,IAAI,CAAC,gBAAgB,GAAG,YAAM,SAAS,EAAE,GAAG,GAAS,GAAG,EAAE,EAC5D,YAAM,IAAI,EAAC,kBAAkB,GAAG,CACzB,EACT,2BAAO,KAAK,EAAC,wBAAwB,IAAK,IAAI,CAAC,kBAAkB,EAAE,IACjE,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAsB,EACpD,OAAO,EAAE,CAAC,KAAU,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1D,GAAG,EAAC,GAAG,EACP,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,EAC1B,cAAQ,KAAK,EAAC,0DAA0D,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAC,QAAQ,IACnH,CAAC,IAAI,CAAC,gBAAgB,GAAG,YAAM,SAAS,EAAE,KAAK,GAAS,GAAG,EAAE,EAC9D,YAAM,IAAI,EAAC,kBAAkB,GAAG,CACzB,CACL,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaQuantityInput"],"sources":["./src/components/salla-quantity-input/salla-quantity-input.scss?tag=salla-quantity-input","./src/components/salla-quantity-input/salla-quantity-input.tsx"],"sourcesContent":["/*\n* Salla Qunatity Input Component: quantity input with increase & decrease buttons.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-quantity-input{\n &-input{\n \n }\n &-button{\n\n }\n}","import { Component, Element, Host, State, Watch, h, Method } from '@stencil/core';\nimport Add from \"../../assets/svg/add.svg\";\nimport Minus from \"../../assets/svg/minus.svg\";\nimport Helper from '../../Helpers/Helper';\n\n@Component({\n tag: 'salla-quantity-input',\n styleUrl: 'salla-quantity-input.scss'\n})\nexport class SallaQuantityInput {\n\n @Element() host: HTMLElement;\n\n private hostAttributes: any = {};\n private hasIncrementSlot: boolean = false;\n private hasDecrementSlot: boolean = false;\n private textInput: any;\n\n private didLoaded: boolean = false;\n\n @State() quantity: number = 1;\n\n /**\n * Workaround to fire change event for the input.\n */\n @Watch('quantity')\n watchPropHandler() {\n if (!this.didLoaded) {\n return;\n }\n\n Helper.debounce(() => salla.document.event.fireEvent(this.textInput, 'change', { 'bubbles': true }));\n }\n\n componentWillLoad() {\n this.quantity = parseInt(this.host.getAttribute('value')) || 1;\n this.hasIncrementSlot = !!this.host.querySelector('[slot=\"increment-button\"]');\n this.hasDecrementSlot = !!this.host.querySelector('[slot=\"decrement-button\"]');\n }\n\n componentDidLoad() {\n this.didLoaded = true;\n this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));\n }\n\n private getInputAttributes() {\n for (let i = 0; i < this.host.attributes.length; i++) {\n if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {\n this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;\n }\n }\n\n return this.hostAttributes;\n }\n\n /**\n * decrease quantity by one.\n * @return HTMLSallaQuantityInputElement\n */\n @Method()\n async decrease() {\n return this.setValue(this.quantity - 1);\n }\n\n /**\n * increase quantity by one.\n * @return HTMLSallaQuantityInputElement\n */\n @Method()\n async increase() {\n return this.setValue(Number(this.quantity) + 1);\n }\n\n /**\n * set quantity by one.\n * @return HTMLSallaQuantityInputElement\n */\n @Method()\n async setValue(value) {\n let maxQuantity = parseInt(this.host.getAttribute('max'));\n if (maxQuantity && value > maxQuantity) {\n value = maxQuantity;\n }\n if (value <= 1) {\n value = 1;\n }\n this.quantity = value;\n return this.host;\n }\n\n render() {\n return (\n <Host class=\"s-quantity-input\">\n <div class=\"s-quantity-input-container\">\n <button onClick={() => this.increase()} class=\"s-quantity-input-increase-button s-quantity-input-button\" type=\"button\">\n {!this.hasIncrementSlot ? <span innerHTML={Add}></span> : ''}\n <slot name=\"increment-button\" />\n </button>\n <input class=\"s-quantity-input-input\" {...this.getInputAttributes()}\n ref={(el) => this.textInput = el as HTMLInputElement}\n onInput={(event: any) => this.setValue(event.target.value)}\n min=\"1\"\n value={this.quantity} />\n <button class=\"s-quantity-input-decrease-button s-quantity-input-button\" onClick={() => this.decrease()} type=\"button\">\n {!this.hasDecrementSlot ? <span innerHTML={Minus}></span> : ''}\n <slot name=\"decrement-button\" />\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-quick-buy.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaQuickBuy = SallaQuickBuy$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaQuickBuy, defineCustomElement };
+//# sourceMappingURL=salla-quick-buy.js.map

package/dist/components/salla-quick-buy.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-quick-buy.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-quick-buy2.js CHANGED Viewed

@@ -2773,7 +2773,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
             this.currency = response.data.base_currency_price.currency;
           });
         }
-        let isNotIframe = window.self !== window.top;
+        let isNotIframe = window.self === window.top;
         this.isApplePayActive = isNotIframe && ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments())
           && ((_b = salla.config.get('store.settings.payments')) === null || _b === void 0 ? void 0 : _b.includes('apple_pay'));
         let applePaySdk = document.getElementById('apple-pay-sdk');
@@ -2833,3 +2833,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaQuickBuy as S, browser$1 as b, defineCustomElement as d, global$1 as g };
+//# sourceMappingURL=salla-quick-buy2.js.map