@social-mail/social-mail-client 1.2.321 → 1.2.323

package/dist/web/AppIndex.pack.min.js

@@ -4381,7 +4381,7 @@ display: grid;
         }
 
     }
-`.installGlobal("[data-folder-view=folder-view]");getExtension=name=>{const index=name.lastIndexOf(".");if(index===-1){return"dat"}return name.substring(index+1)};_export("default",FolderViewControl=class FolderViewControl extends AtomControl{constructor(app,e){super(app,e);this.mode="thumbnails";this.selectedFolder=null;this.root=null;this.search="";this.version=0;this.selectedFiles=[];this.files=[];this.element.setAttribute("data-folder-view","folder-view");this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}init(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",{files:Bind.oneWayAsync(((c,e,cancelToken)=>this.cloudFileService.files({search:this.search,folder:this.selectedFolder,version:this.version,cancelToken})))},XNode.create(FolderTreeView,{class:"folder-tree",folderId:Bind.oneWay((()=>this.root.appFileID)),presenter:Bind.presenter((c=>this.folderTree=c)),selectedItem:Bind.twoWaysImmediate((()=>this.selectedFolder))}),XNode.create("div",Object.assign({class:"file-list"},FilesDragDrop({extra:Bind.oneWay((()=>{var _a;return JSON.stringify({parentID:(_a=this.selectedFolder)===null||_a===void 0?void 0:_a.appFileID})}))})),XNode.create(AtomRepeater,{allowMultipleSelection:true,selectedItems:this.selectedFiles,header:true,headerRenderer:()=>XNode.create("header",null,XNode.create(SelectAll,{items:Bind.oneWay((()=>this.files)),selectedItems:this.selectedFiles})),itemRenderer:Bind.oneWay((()=>this.getItemRenderere(this.mode))),items:Bind.oneWay((()=>this.files))})),XNode.create("div",{"style-display":Bind.oneWay((()=>this.selectedFiles.length>0))},XNode.create(DeleteIconTextButton,{"data-click-event":"delete-files"})))}))}getItemRenderere(m){switch(this.mode){case"list":return f=>this.renderFile(f)}return f=>this.renderPreview(f)}renderPreview(item){if(/^(image|video)\//i.test(item.contentType)){return XNode.create("div",{class:"media-file"},XNode.create(SelectorCheckBox,null),XNode.create("label",{class:"file-name",text:item.name}),XNode.create("img",{class:"file-preview",title:item.name,src:apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)}))}return XNode.create("div",{class:"media-file"},XNode.create("img",null))}renderFile(item){if(item.isFolder){return XNode.create("div",null,XNode.create(SelectorCheckBox,null),XNode.create("div",null,XNode.create("i",{class:item.isFolder?"fiv-viv fiv-icon-folder":`fiv-viv fiv-icon-${getExtension(item.name)}`}),XNode.create("span",{"data-click-event":"open-folder",class:"file-link",text:item.name,"data-padding-left":"auto"})),XNode.create("div",null,item.isShared&&XNode.create("i",{title:"Shared",class:"fas fa-folder-user"})),XNode.create("div",{text:toFileSize(item.fileSize)}),XNode.create("div",null),XNode.create("div",null,XNode.create("i",{"data-click-event":"edit-shares",class:"fas fa-share"})))}return XNode.create("div",null,XNode.create(SelectorCheckBox,null),XNode.create("div",null,XNode.create("i",{class:item.isFolder?"fiv-viv fiv-icon-folder":`fiv-viv fiv-icon-${getExtension(item.name)}`}),XNode.create("a",{href:item.url,target:"_blank",text:item.name,"data-margin-left":"default"})),XNode.create("div",null,item.isShared&&XNode.create("i",{title:"Shared",class:"fas fa-folder-user"})),XNode.create("div",{text:toFileSize(item.fileSize)}),XNode.create("div",null,XNode.create("a",{href:item.downloadUrl,target:"_blank",download:true},XNode.create("i",{class:"fas fa-download"}))),XNode.create("div",null,XNode.create("i",{"data-click-event":"edit-shares",class:"fas fa-share"})))}deleteFiles(){return __awaiter(this,void 0,void 0,(function*(){const copy=[].concat(this.selectedFiles);while(copy.length){const slice=copy.splice(0,10);yield this.cloudFileService.delete(slice);for(const iterator of slice){this.selectedFiles.remove(iterator);this.files.remove(iterator)}}this.version++}))}onFilesUploaded(){return __awaiter(this,void 0,void 0,(function*(){this.version++}))}});__decorate([InjectProperty,__metadata("design:type",CloudFileService)],FolderViewControl.prototype,"cloudFileService",void 0);__decorate([Action({onEvent:"delete-files",confirm:"Are you sure you want to delete selected files?"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],FolderViewControl.prototype,"deleteFiles",null);__decorate([Action({onEvent:"files-available"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],FolderViewControl.prototype,"onFilesUploaded",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/folder-view/FolderViewControl");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../../model/model","@web-atoms/core/dist/core/InjectProperty","../../../../services/EntityService","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/Bind","../../../controls/reference-editor/ReferenceEditor","../../../Sql","../../../controls/buttons/IconButton","@web-atoms/core/dist/view-model/Action"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,PopupWindowPage,StoreItemFolder,InjectProperty,EntityService,XNode,Form,FormField,Bind,ReferenceEditor,Sql,SaveIconTextButton,Action,EditItemFolderPage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){PopupWindowPage=_webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage},function(_modelModel){StoreItemFolder=_modelModel.StoreItemFolder},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_controlsReferenceEditorReferenceEditor){ReferenceEditor=_controlsReferenceEditorReferenceEditor.default},function(_Sql){Sql=_Sql.Sql},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default}],execute:function(){_export("default",EditItemFolderPage=class EditItemFolderPage extends PopupWindowPage{constructor(){super(...arguments);this.model=null}init(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){this.model=((_a=this.parameters)===null||_a===void 0?void 0:_a.itemFolderID)?yield this.entityService.query(StoreItemFolder).where(this.parameters,(p=>x=>x.itemFolderID===p.itemFolderID)).firstOrDefault():StoreItemFolder.create({parent:null,storeID:(_b=this.parameters)===null||_b===void 0?void 0:_b.storeID});if(!this.parameters.storeID){alert("Store is not set");this.cancel();return}this.renderer=XNode.create("div",null,XNode.create(Form,null,XNode.create(FormField,{label:"Name"},XNode.create("input",{placeholder:"Name",value:Bind.twoWaysImmediate((()=>this.model.name)),autofocus:true})),XNode.create(ReferenceEditor,{label:"Folder",model:this.model,field:x=>x.parent,searchQuery:(q,search)=>(search?q.where({search},(p=>x=>Sql.text.startsWith(x.name,p.search))):q).orderBy((x=>x.path)),itemRenderer:x=>XNode.create("div",null,XNode.create("label",{text:x.name}))}),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"data-submit-event":"save-folder"}))))}))}saveFolder(){return __awaiter(this,void 0,void 0,(function*(){yield this.entityService.save(this.model,(c=>c));return this.model}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],EditItemFolderPage.prototype,"entityService",void 0);__decorate([Action({onEvent:"save-folder",close:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],EditItemFolderPage.prototype,"saveFolder",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/folders/EditItemFolderPage");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/core/types"],(function(_export,_context){"use strict";var __awaiter,Bind,XNode,DropDown,FetchBuilder,UMD,countriesPromise,loadCountries,CountrySelect,CurrencySelect,isdForCountry,formatForCountry;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicDropDown){DropDown=_webAtomsWebControlsDistBasicDropDown.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistCoreTypes){UMD=_webAtomsCoreDistCoreTypes.UMD}],execute:function(){loadCountries=()=>countriesPromise!==null&&countriesPromise!==void 0?countriesPromise:countriesPromise=FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-client/content/json/countries.json")).responseAsJson();_export("CountrySelect",CountrySelect=a=>XNode.create(DropDown,Object.assign({labelPath:item=>{var _a;return((_a=item.isdCode)===null||_a===void 0?void 0:_a.startsWith("+"))?item.isdCode:`+${item.isdCode} ${item.value}`},valuePath:item=>item.value,items:Bind.oneTimeAsync((()=>loadCountries()))},a)));_export("CurrencySelect",CurrencySelect=a=>XNode.create(DropDown,Object.assign({labelPath:item=>item.currency+"("+item.label+")",valuePath:item=>item.currency,items:Bind.oneTimeAsync((()=>loadCountries()))},a)));_export("isdForCountry",isdForCountry=(countryCode,prefix="")=>__awaiter(void 0,void 0,void 0,(function*(){const{isdCode}=(yield loadCountries()).find((x=>x.value===countryCode));if(prefix){return isdCode.startsWith(prefix)?isdCode:prefix+isdCode}return isdCode})));_export("formatForCountry",formatForCountry=countryCode=>__awaiter(void 0,void 0,void 0,(function*(){const countries=yield loadCountries();const country=countries.find((c=>c.value===countryCode));if(country){const{phoneFormat}=country;if(phoneFormat&&phoneFormat!=="0.0"){return phoneFormat}}return"####.####.####"})))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","../../../../controls/countries/CountrySelect","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/DateField","../../../../controls/buttons/IconButton","@web-atoms/core/dist/view-model/Action"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,PopupWindowPage,XNode,Form,FormField,CurrencySelect,Bind,DateField,SaveIconTextButton,Action,EditItemPricePage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){PopupWindowPage=_webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_controlsCountriesCountrySelect){CurrencySelect=_controlsCountriesCountrySelect.CurrencySelect},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicDateField){DateField=_webAtomsWebControlsDistBasicDateField.default},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default}],execute:function(){_export("default",EditItemPricePage=class EditItemPricePage extends PopupWindowPage{init(){return __awaiter(this,void 0,void 0,(function*(){this.model=this.parameters;this.renderer=XNode.create("div",null,XNode.create(Form,null,XNode.create(FormField,{label:"Currency"},XNode.create(CurrencySelect,{value:Bind.twoWaysImmediate((()=>this.model.currency))})),XNode.create(FormField,{label:"Amount"},XNode.create("input",{type:"number",value:Bind.twoWaysImmediate((()=>this.model.amount))})),XNode.create(FormField,{label:"Start Date"},XNode.create(DateField,{value:Bind.twoWaysImmediate((()=>this.model.startDate))})),XNode.create(FormField,{label:"End Date"},XNode.create(DateField,{value:Bind.twoWaysImmediate((()=>this.model.endDate))})),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"data-submit-event":"save-currency"}))))}))}saveCurrency(){return __awaiter(this,void 0,void 0,(function*(){return this.model}))}});__decorate([Action({onEvent:"save-currency",close:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],EditItemPricePage.prototype,"saveCurrency",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/prices/EditItemPricePage");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/email-dom/dist/DomToString"],(function(_export,_context){"use strict";var XNode,DomToString,Offers;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsEmailDomDistDomToString){DomToString=_webAtomsEmailDomDistDomToString.default}],execute:function(){_export("Offers",Offers=()=>DomToString(XNode.create("main",null,XNode.create("section",{"styler-layout":"column"}),XNode.create("section",{"styler-layout":"column"}))))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/Offsers");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/email-dom/dist/DomToString"],(function(_export,_context){"use strict";var XNode,DomToString,Specifications;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsEmailDomDistDomToString){DomToString=_webAtomsEmailDomDistDomToString.default}],execute:function(){_export("Specifications",Specifications=()=>DomToString(XNode.create("main",null,XNode.create("section",{"styler-layout":"columns-2"},XNode.create("table",null,XNode.create("thead",null,XNode.create("tr",null,XNode.create("th",{colspan:2},"Spec 1"))),XNode.create("tbody",null,XNode.create("tr",null,XNode.create("td",null,"Size"),XNode.create("td",null,"Medium")),XNode.create("tr",null,XNode.create("td",null,"Color"),XNode.create("td",null,"Transparent")))),XNode.create("table",null,XNode.create("thead",null,XNode.create("tr",null,XNode.create("th",{colspan:2},"Spec 1"))),XNode.create("tbody",null,XNode.create("tr",null,XNode.create("td",null,"Size"),XNode.create("td",null,"Medium")),XNode.create("tr",null,XNode.create("td",null,"Color"),XNode.create("td",null,"Transparent"))))))))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/Specifications");System.register(["tslib","@web-atoms/core/dist/web/controls/AtomControl","../../../../model/model","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/Select","../../../Sql","../../../controls/buttons/IconButton","../../../controls/collection-editor/CollectionEditorEx","../../../controls/reference-editor/ReferenceEditor","../../../controls/tags/TagChips","../../../date/DateFormats","../../../folder-view/FolderViewControl","../folders/EditItemFolderPage","./prices/EditItemPricePage","@web-atoms/core/dist/core/BindableProperty","../../../controls/drag-drop/FilesDragDrop","@web-atoms/web-controls/dist/basic/UploadEvent","@web-atoms/core/dist/view-model/Action","../../../fileUrl","@web-atoms/core/dist/core/InjectProperty","../../../../services/store/StoreItemService","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/PopupButton","./html/Offsers","./html/Specifications","../../../../web/commands/AppCommands"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,AtomControl,StoreItem,StoreItemItemTypeArray,StoreMediaFile,Bind,XNode,FormField,Select,Sql,UploadIconTextButton,CollectionEditorEx,ReferenceEditor,TagChips,DateFormats,FolderViewControl,EditItemFolderPage,EditItemPricePage,BindableProperty,FilesDragDrop,UploadEvent,Action,signedImageUrl,InjectProperty,StoreItemService,InlinePopupButton,MenuItem,Offers,Specifications,AppCommands,ProductEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_modelModel){StoreItem=_modelModel.StoreItem;StoreItemItemTypeArray=_modelModel.StoreItemItemTypeArray;StoreMediaFile=_modelModel.StoreMediaFile},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_Sql){Sql=_Sql.Sql},function(_controlsButtonsIconButton){UploadIconTextButton=_controlsButtonsIconButton.UploadIconTextButton},function(_controlsCollectionEditorCollectionEditorEx){CollectionEditorEx=_controlsCollectionEditorCollectionEditorEx.default},function(_controlsReferenceEditorReferenceEditor){ReferenceEditor=_controlsReferenceEditorReferenceEditor.default},function(_controlsTagsTagChips){TagChips=_controlsTagsTagChips.default},function(_dateDateFormats){DateFormats=_dateDateFormats.DateFormats},function(_folderViewFolderViewControl){FolderViewControl=_folderViewFolderViewControl.default},function(_foldersEditItemFolderPage){EditItemFolderPage=_foldersEditItemFolderPage.default},function(_pricesEditItemPricePage){EditItemPricePage=_pricesEditItemPricePage.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_controlsDragDropFilesDragDrop){FilesDragDrop=_controlsDragDropFilesDragDrop.FilesDragDrop},function(_webAtomsWebControlsDistBasicUploadEvent){UploadEvent=_webAtomsWebControlsDistBasicUploadEvent.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_fileUrl){signedImageUrl=_fileUrl.signedImageUrl},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesStoreStoreItemService){StoreItemService=_servicesStoreStoreItemService.default},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_webAtomsWebControlsDistBasicPopupButton){MenuItem=_webAtomsWebControlsDistBasicPopupButton.MenuItem},function(_htmlOffsers){Offers=_htmlOffsers.Offers},function(_htmlSpecifications){Specifications=_htmlSpecifications.Specifications},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default}],execute:function(){_export("default",ProductEditor=class ProductEditor extends AtomControl{constructor(){super(...arguments);this.productID=null;this.model=null}onPropertyChanged(name){super.onPropertyChanged(name);switch(name){case"model":this.app.runAsync((()=>this.init()));break;case"productID":this.app.runAsync((()=>this.loadProduct()));break}}loadProduct(){return __awaiter(this,void 0,void 0,(function*(){if(!this.productID){return}this.model=yield this.storeItemService.get(this.productID)}))}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){if(!this.model){return}(_a=(_b=this.model).storeItemTags)!==null&&_a!==void 0?_a:_b.storeItemTags=[];this.renderer=XNode.create("div",null,XNode.create("div",{"data-border":"frame","data-layout":"vertical-flex"},XNode.create(FormField,{label:"Type"},XNode.create(Select,{labelPath:x=>x.label[0].toUpperCase()+x.label.substring(1),valuePath:x=>x.value,value:Bind.twoWaysImmediate((()=>this.model.itemType)),items:StoreItemItemTypeArray})),XNode.create(ReferenceEditor,{label:"Folder",model:this.model,field:x=>x.itemFolder,addNewDefaults:{storeID:this.model.storeID},editModelPage:EditItemFolderPage,searchQuery:(q,search)=>(search?q.where({search},(p=>x=>Sql.text.startsWith(x.name,p.search))):q).where({storeID:this.model.storeID},(p=>x=>x.storeID===p.storeID)).orderBy((x=>x.name)),itemRenderer:x=>XNode.create("div",{text:x.name})}),XNode.create(FormField,{label:"Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.name))})),XNode.create(FormField,{label:"Description"},XNode.create("textarea",{rows:"5",cols:"80",value:Bind.twoWaysImmediate((()=>this.model.description))}))),XNode.create(TagChips,{softDeleteProperty:Bind.oneWay((()=>this.model.storeItemID>0)),items:Bind.twoWaysImmediate((()=>this.model.storeItemTags))}),XNode.create(CollectionEditorEx,{"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Sizes",model:this.model,field:x=>x.sizes,itemFactory:()=>{const name=prompt("Name of new size");if(name){return StoreItem.create({sizeForID:this.model.storeItemID,storeID:this.model.storeID,itemType:"size",name})}},itemRenderer:item=>XNode.create("div",null,XNode.create("a",{text:item.name,href:AppCommands.editProduct.displayRoute({storeItemID:item.storeItemID}),"data-click-event":"route"}))}),XNode.create(CollectionEditorEx,{"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Variants",model:this.model,field:x=>x.variants,itemFactory:()=>{const name=prompt("Name of new variant");if(name){return StoreItem.create({variantForID:this.model.storeItemID,storeID:this.model.storeID,itemType:"variant",name})}},itemRenderer:item=>XNode.create("div",null,XNode.create("a",{text:item.name,href:AppCommands.editProduct.displayRoute({storeItemID:item.storeItemID}),"data-click-event":"route"}))}),XNode.create(CollectionEditorEx,{label:"Prices",model:this.model,field:x=>x.storeItemPrices,addPage:EditItemPricePage,itemRenderer:item=>XNode.create("div",null,XNode.create("div",{text:item.currency}),XNode.create("div",{text:item.amount}),XNode.create("div",{text:item.taxAmount}),XNode.create("div",{title:DateFormats.withWeekDayAndTime(item.startDate),text:DateFormats.relative.short(item.startDate)}),item.endDate?XNode.create("div",{title:DateFormats.withWeekDayAndTime(item.endDate),text:DateFormats.relative.short(item.endDate)}):XNode.create("div",null))}),XNode.create(CollectionEditorEx,{label:"Taxes",model:this.model,field:x=>x.taxes,addItemDefaults:{taxItem:null,storeItem:null},saveAfterAdd:false,inlineAddRenderere:item=>XNode.create("div",null,XNode.create(ReferenceEditor,{model:item,field:x=>x.taxItem,searchQuery:(q,search)=>(search?q.where({search:search+"%"},(p=>x=>Sql.text.iLike(x.name,p.search))):q).where(void 0,(p=>x=>x.itemType==="tax")).include((x=>x.storeItemPrices)),itemRenderer:ti=>XNode.create("div",null," ",XNode.create("label",{text:ti.name})," "),suggestionRenderer:ti=>XNode.create("div",null," ",XNode.create("label",{text:ti.name})," ")})),itemRenderer:item=>XNode.create("div",null,XNode.create("label",{text:item.taxItem.name}),XNode.create("div",{"data-layout":"flex-wrap-padding"},...item.taxItem.storeItemPrices.map((t=>XNode.create("label",{text:t.amount})))))}),XNode.create("details",{"data-border":"frame"},XNode.create("summary",{text:"Files"}),XNode.create(FolderViewControl,{root:Bind.oneWay((()=>this.model.fileFolder))})),XNode.create(CollectionEditorEx,Object.assign({"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Media",layout:"flex-wrap",model:this.model,field:x=>x.mediaFiles,footer:()=>XNode.create("div",{"data-layout":"row"},XNode.create(UploadIconTextButton,Object.assign({},UploadEvent.AttachUploadAction({uploadEvent:"files-uploaded",extra:Bind.oneWay((()=>JSON.stringify({parentID:this.model.folderID})))}))),XNode.create(InlinePopupButton,{icon:"fas fa-plus",label:"Add Html",popup:()=>XNode.create("div",null,XNode.create(MenuItem,{"data-click-event":"add-offer",label:"Add Offers"}),XNode.create(MenuItem,{"data-click-event":"add-specifications",label:"Add Specifications"}))})),itemRenderer:item=>XNode.create("div",null,item.isPreview?XNode.create("img",{src:this.mediaFileUrl(item)}):XNode.create("button",{"data-click-event":"edit-media-file","data-layout":"link",text:item.title}))},FilesDragDrop({uploadEvent:"files-uploaded",extra:Bind.oneWay((()=>JSON.stringify({parentID:this.model.folderID})))}))))}))}mediaFileUrl(item){if(item.appFile){return`/api/files/webp(200)/${item.appFileID}/${item.appFile.fileContentID}/${item.appFile.name}.webp`}return signedImageUrl(item,200)}onFilesUploaded({files}){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){(_a=(_b=this.model).mediaFiles)!==null&&_a!==void 0?_a:_b.mediaFiles=[];for(const appFile of files){const isPreview=/^(image|video)\//i.test(appFile.contentType);this.model.mediaFiles.add(StoreMediaFile.create({appFile,appFileID:appFile.appFileID,fileContentID:appFile.fileContentID,isPreview}))}}))}onAddHtmlFile(data,e){return __awaiter(this,void 0,void 0,(function*(){let title="";let template;switch(e.type){case"addOffer":title="offer.html";template=Offers;break;case"addSpecifications":title="specs.html";template=Specifications;break;default:return}const file=yield this.storeItemService.getOrCreateMediaFile(this.model,title,template);this.element.dispatchEvent(new CustomEvent("editMediaFile",{detail:file,bubbles:true}))}))}});__decorate([BindableProperty,__metadata("design:type",Number)],ProductEditor.prototype,"productID",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],ProductEditor.prototype,"model",void 0);__decorate([InjectProperty,__metadata("design:type",StoreItemService)],ProductEditor.prototype,"storeItemService",void 0);__decorate([Action({onEvent:"files-uploaded"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],ProductEditor.prototype,"onFilesUploaded",null);__decorate([Action({onEvent:["add-offer","add-specifications"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,Event]),__metadata("design:returntype",Promise)],ProductEditor.prototype,"onAddHtmlFile",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/ProductEditor");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/PageNavigator","../../../../../site-editor/editor/HtmlPageEditor","../../../../../web/page/files/media/ChooseMediaPage","../../../../../web/page/files/service/CloudFileService","../../../../fileUrl"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,BindableProperty,InjectProperty,PageNavigator,HtmlPageEditor,ChooseMediaPage,CloudFileService,srcSetUrl,storeFileUrl,ProductHtmlEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_siteEditorEditorHtmlPageEditor){HtmlPageEditor=_siteEditorEditorHtmlPageEditor.default},function(_webPageFilesMediaChooseMediaPage){ChooseMediaPage=_webPageFilesMediaChooseMediaPage.default},function(_webPageFilesServiceCloudFileService){CloudFileService=_webPageFilesServiceCloudFileService.default},function(_fileUrl){srcSetUrl=_fileUrl.srcSetUrl;storeFileUrl=_fileUrl.storeFileUrl}],execute:function(){_export("default",ProductHtmlEditor=class ProductHtmlEditor extends HtmlPageEditor{constructor(){super(...arguments);this.folder=null}changeImage(){return __awaiter(this,void 0,void 0,(function*(){const{tagName}=this.selection.element;let accept="image/*";let multiple=true;let isVideo=false;let inject=false;switch(tagName){case"VIDEO":accept="video/*";multiple=false;isVideo=true;break;case"INJECT":accept="text/html";multiple=false;inject=true;break}const files=yield PageNavigator.pushPageForResult(ChooseMediaPage,{folder:this.folder,accept,multiple,selected:this.selection.element});if(inject||isVideo){const[{file,folder}]=files;const path="/"+[...folder,file.name].join("/");this.selection.element.setAttribute("src",path);return}const images=files.map((({file,size})=>{const src=storeFileUrl(this.folder.appFileID,file,`webp(${size})`,`${file.name}.${size}.webp`);const srcset=srcSetUrl(this.folder,file,((folder,f,s)=>storeFileUrl(this.folder.appFileID,file,`webp(${s})`,`${file.name}.${s}.webp`)));return{src,"data-src-set":srcset}}));yield this.insertImage(...images)}))}setStylerSheet(){return __awaiter(this,void 0,void 0,(function*(){}))}});__decorate([BindableProperty,__metadata("design:type",Object)],ProductHtmlEditor.prototype,"folder",void 0);__decorate([InjectProperty,__metadata("design:type",CloudFileService)],ProductHtmlEditor.prototype,"cloudFileService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/ProductHtmlEditor");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","../../../../controls/Loader","../../../../fileUrl","@web-atoms/core/dist/services/FetchBuilder","./ProductHtmlEditor","../../../../../site-editor/styler/StylerSet","@web-atoms/web-controls/dist/PageNavigator","../../../../../code-editor/CodeEditorPage","@web-atoms/core/dist/view-model/Action","../../../../controls/buttons/IconButton","@web-atoms/core/dist/core/InjectProperty","../../../../../web/page/files/service/CloudFileService","../../../../../services/EntityService"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,ContentPage,XNode,Bind,Loader,signedUrl,FetchBuilder,ProductHtmlEditor,StylerSet,PageNavigator,CodeEditorPage,Action,SaveIconTextButton,InjectProperty,CloudFileService,EntityService,ProductHtmlEditorPage,wrap;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_controlsLoader){Loader=_controlsLoader.default},function(_fileUrl){signedUrl=_fileUrl.signedUrl},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_ProductHtmlEditor){ProductHtmlEditor=_ProductHtmlEditor.default},function(_siteEditorStylerStylerSet){StylerSet=_siteEditorStylerStylerSet.StylerSet},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_codeEditorCodeEditorPage){CodeEditorPage=_codeEditorCodeEditorPage.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webPageFilesServiceCloudFileService){CloudFileService=_webPageFilesServiceCloudFileService.default},function(_servicesEntityService){EntityService=_servicesEntityService.default}],execute:function(){wrap=(styleText,body)=>`\n<!DOCTYPE html>\n<html>\n<style styler-style-sheet="styler-style-sheet">\n${styleText}\n</style>\n<body>\n${body}\n</body>\n</html>\n`;_export("default",ProductHtmlEditorPage=class ProductHtmlEditorPage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Loader,null));this.storeItem=this.parameters.item;this.mediaFile=this.parameters.file;const htmlMain=this.mediaFile.fileContentID?yield FetchBuilder.get(signedUrl(this.mediaFile)).responseAsText():"<main>Content</main>";this.originalHtml=htmlMain;const css=StylerSet.instance.toString();this.html=wrap(css,htmlMain);this.renderer=XNode.create("div",null,XNode.create(ProductHtmlEditor,{"data-position":"absolute-fill",folder:this.storeItem.store.folder,presenter:Bind.presenter((c=>this.htmlEditor=c)),"event-html-page-changed":ce=>this.pageContent=ce.detail,htmlPage:this.html}));this.footerRenderer=()=>XNode.create("div",{"data-layout":"header-row","style-display":Bind.oneWay((()=>this.pageContent!==this.html))},XNode.create(SaveIconTextButton,{"event-click":()=>this.savePage(),text:"Save"}),XNode.create(SaveIconTextButton,{"event-click":()=>this.savePage(true),text:"Save and Close"}))}))}savePage(close=false){return __awaiter(this,void 0,void 0,(function*(){if(!this.htmlEditor.lastCommittedBody){if(close){this.close(this.mediaFile)}return}const{fileContentID}=yield this.cloudFileService.saveFile({appFileID:this.mediaFile.appFileID,content:new File([this.htmlEditor.lastCommittedBody],this.parameters.file.title,{type:"text/html"})});this.mediaFile.fileContentID=fileContentID;const es=this.resolve(EntityService);yield es.save(this.mediaFile,(c=>c));if(close){this.close(this.mediaFile)}}))}editCode(){var _a;return __awaiter(this,void 0,void 0,(function*(){const content=yield PageNavigator.pushPageForResult(CodeEditorPage,{fileName:this.parameters.file.title,content:(_a=this.htmlEditor.lastCommittedHtml)!==null&&_a!==void 0?_a:this.htmlEditor.htmlPage});this.pageContent=content;this.htmlEditor.htmlPage=content}))}hide(){var _a,_b,_c;this.pageContent=(_b=(_a=this.htmlEditor)===null||_a===void 0?void 0:_a.lastCommittedHtml)!==null&&_b!==void 0?_b:(_c=this.htmlEditor)===null||_c===void 0?void 0:_c.htmlPage;super.hide()}show(){super.show();if(this.pageContent){setTimeout((()=>this.htmlEditor.htmlPage=this.pageContent),400)}}});__decorate([InjectProperty,__metadata("design:type",CloudFileService)],ProductHtmlEditorPage.prototype,"cloudFileService",void 0);__decorate([Action({}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],ProductHtmlEditorPage.prototype,"savePage",null);__decorate([Action({onEvent:"edit-code"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],ProductHtmlEditorPage.prototype,"editCode",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/ProductHtmlEditorPage");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,styled;function NavCrumbs(a,...nodes){const children=[];for(const iterator of nodes){if(iterator===void 0||iterator===null||iterator===false){continue}if(children.length){children.push(">")}children.push(iterator)}return XNode.create("nav",Object.assign({"data-nav-crumbs":"nav-crumbs"},a),...children)}_export("default",NavCrumbs);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
+`.installGlobal("[data-folder-view=folder-view]");getExtension=name=>{const index=name.lastIndexOf(".");if(index===-1){return"dat"}return name.substring(index+1)};_export("default",FolderViewControl=class FolderViewControl extends AtomControl{constructor(app,e){super(app,e);this.mode="thumbnails";this.selectedFolder=null;this.root=null;this.search="";this.version=0;this.selectedFiles=[];this.files=[];this.element.setAttribute("data-folder-view","folder-view");this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}init(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",{files:Bind.oneWayAsync(((c,e,cancelToken)=>this.cloudFileService.files({search:this.search,folder:this.selectedFolder,version:this.version,cancelToken})))},XNode.create(FolderTreeView,{class:"folder-tree",folderId:Bind.oneWay((()=>this.root.appFileID)),presenter:Bind.presenter((c=>this.folderTree=c)),selectedItem:Bind.twoWaysImmediate((()=>this.selectedFolder))}),XNode.create("div",Object.assign({class:"file-list"},FilesDragDrop({extra:Bind.oneWay((()=>{var _a;return JSON.stringify({parentID:(_a=this.selectedFolder)===null||_a===void 0?void 0:_a.appFileID})}))})),XNode.create(AtomRepeater,{allowMultipleSelection:true,selectedItems:this.selectedFiles,header:true,headerRenderer:()=>XNode.create("header",null,XNode.create(SelectAll,{items:Bind.oneWay((()=>this.files)),selectedItems:this.selectedFiles})),itemRenderer:Bind.oneWay((()=>this.getItemRenderere(this.mode))),items:Bind.oneWay((()=>this.files))})),XNode.create("div",{"style-display":Bind.oneWay((()=>this.selectedFiles.length>0))},XNode.create(DeleteIconTextButton,{"data-click-event":"delete-files"})))}))}getItemRenderere(m){switch(this.mode){case"list":return f=>this.renderFile(f)}return f=>this.renderPreview(f)}renderPreview(item){if(/^(image|video)\//i.test(item.contentType)){return XNode.create("div",{class:"media-file"},XNode.create(SelectorCheckBox,null),XNode.create("label",{class:"file-name",text:item.name}),XNode.create("img",{class:"file-preview",title:item.name,src:apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)}))}return XNode.create("div",{class:"media-file"},XNode.create("img",null))}renderFile(item){if(item.isFolder){return XNode.create("div",null,XNode.create(SelectorCheckBox,null),XNode.create("div",null,XNode.create("i",{class:item.isFolder?"fiv-viv fiv-icon-folder":`fiv-viv fiv-icon-${getExtension(item.name)}`}),XNode.create("span",{"data-click-event":"open-folder",class:"file-link",text:item.name,"data-padding-left":"auto"})),XNode.create("div",null,item.isShared&&XNode.create("i",{title:"Shared",class:"fas fa-folder-user"})),XNode.create("div",{text:toFileSize(item.fileSize)}),XNode.create("div",null),XNode.create("div",null,XNode.create("i",{"data-click-event":"edit-shares",class:"fas fa-share"})))}return XNode.create("div",null,XNode.create(SelectorCheckBox,null),XNode.create("div",null,XNode.create("i",{class:item.isFolder?"fiv-viv fiv-icon-folder":`fiv-viv fiv-icon-${getExtension(item.name)}`}),XNode.create("a",{href:item.url,target:"_blank",text:item.name,"data-margin-left":"default"})),XNode.create("div",null,item.isShared&&XNode.create("i",{title:"Shared",class:"fas fa-folder-user"})),XNode.create("div",{text:toFileSize(item.fileSize)}),XNode.create("div",null,XNode.create("a",{href:item.downloadUrl,target:"_blank",download:true},XNode.create("i",{class:"fas fa-download"}))),XNode.create("div",null,XNode.create("i",{"data-click-event":"edit-shares",class:"fas fa-share"})))}deleteFiles(){return __awaiter(this,void 0,void 0,(function*(){const copy=[].concat(this.selectedFiles);while(copy.length){const slice=copy.splice(0,10);yield this.cloudFileService.delete(slice);for(const iterator of slice){this.selectedFiles.remove(iterator);this.files.remove(iterator)}}this.version++}))}onFilesUploaded(){return __awaiter(this,void 0,void 0,(function*(){this.version++}))}});__decorate([InjectProperty,__metadata("design:type",CloudFileService)],FolderViewControl.prototype,"cloudFileService",void 0);__decorate([Action({onEvent:"delete-files",confirm:"Are you sure you want to delete selected files?"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],FolderViewControl.prototype,"deleteFiles",null);__decorate([Action({onEvent:"files-available"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],FolderViewControl.prototype,"onFilesUploaded",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/folder-view/FolderViewControl");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../../model/model","@web-atoms/core/dist/core/InjectProperty","../../../../services/EntityService","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/Bind","../../../controls/reference-editor/ReferenceEditor","../../../Sql","../../../controls/buttons/IconButton","@web-atoms/core/dist/view-model/Action"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,PopupWindowPage,StoreItemFolder,InjectProperty,EntityService,XNode,Form,FormField,Bind,ReferenceEditor,Sql,SaveIconTextButton,Action,EditItemFolderPage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){PopupWindowPage=_webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage},function(_modelModel){StoreItemFolder=_modelModel.StoreItemFolder},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_controlsReferenceEditorReferenceEditor){ReferenceEditor=_controlsReferenceEditorReferenceEditor.default},function(_Sql){Sql=_Sql.Sql},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default}],execute:function(){_export("default",EditItemFolderPage=class EditItemFolderPage extends PopupWindowPage{constructor(){super(...arguments);this.model=null}init(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){this.model=((_a=this.parameters)===null||_a===void 0?void 0:_a.itemFolderID)?yield this.entityService.query(StoreItemFolder).where(this.parameters,(p=>x=>x.itemFolderID===p.itemFolderID)).firstOrDefault():StoreItemFolder.create({parent:null,storeID:(_b=this.parameters)===null||_b===void 0?void 0:_b.storeID});if(!this.parameters.storeID){alert("Store is not set");this.cancel();return}this.renderer=XNode.create("div",null,XNode.create(Form,null,XNode.create(FormField,{label:"Name"},XNode.create("input",{placeholder:"Name",value:Bind.twoWaysImmediate((()=>this.model.name)),autofocus:true})),XNode.create(ReferenceEditor,{label:"Folder",model:this.model,field:x=>x.parent,searchQuery:(q,search)=>(search?q.where({search},(p=>x=>Sql.text.startsWith(x.name,p.search))):q).orderBy((x=>x.path)),itemRenderer:x=>XNode.create("div",null,XNode.create("label",{text:x.name}))}),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"data-submit-event":"save-folder"}))))}))}saveFolder(){return __awaiter(this,void 0,void 0,(function*(){yield this.entityService.save(this.model,(c=>c));return this.model}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],EditItemFolderPage.prototype,"entityService",void 0);__decorate([Action({onEvent:"save-folder",close:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],EditItemFolderPage.prototype,"saveFolder",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/folders/EditItemFolderPage");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/core/types"],(function(_export,_context){"use strict";var __awaiter,Bind,XNode,DropDown,FetchBuilder,UMD,countriesPromise,loadCountries,CountrySelect,CurrencySelect,isdForCountry,formatForCountry;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicDropDown){DropDown=_webAtomsWebControlsDistBasicDropDown.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistCoreTypes){UMD=_webAtomsCoreDistCoreTypes.UMD}],execute:function(){loadCountries=()=>countriesPromise!==null&&countriesPromise!==void 0?countriesPromise:countriesPromise=FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-client/content/json/countries.json")).responseAsJson();_export("CountrySelect",CountrySelect=a=>XNode.create(DropDown,Object.assign({labelPath:item=>{var _a;return((_a=item.isdCode)===null||_a===void 0?void 0:_a.startsWith("+"))?item.isdCode:`+${item.isdCode} ${item.value}`},valuePath:item=>item.value,items:Bind.oneTimeAsync((()=>loadCountries()))},a)));_export("CurrencySelect",CurrencySelect=a=>XNode.create(DropDown,Object.assign({labelPath:item=>item.currency+"("+item.label+")",valuePath:item=>item.currency,items:Bind.oneTimeAsync((()=>loadCountries()))},a)));_export("isdForCountry",isdForCountry=(countryCode,prefix="")=>__awaiter(void 0,void 0,void 0,(function*(){const{isdCode}=(yield loadCountries()).find((x=>x.value===countryCode));if(prefix){return isdCode.startsWith(prefix)?isdCode:prefix+isdCode}return isdCode})));_export("formatForCountry",formatForCountry=countryCode=>__awaiter(void 0,void 0,void 0,(function*(){const countries=yield loadCountries();const country=countries.find((c=>c.value===countryCode));if(country){const{phoneFormat}=country;if(phoneFormat&&phoneFormat!=="0.0"){return phoneFormat}}return"####.####.####"})))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","../../../../controls/countries/CountrySelect","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/DateField","../../../../controls/buttons/IconButton","@web-atoms/core/dist/view-model/Action"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,PopupWindowPage,XNode,Form,FormField,CurrencySelect,Bind,DateField,SaveIconTextButton,Action,EditItemPricePage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){PopupWindowPage=_webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_controlsCountriesCountrySelect){CurrencySelect=_controlsCountriesCountrySelect.CurrencySelect},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicDateField){DateField=_webAtomsWebControlsDistBasicDateField.default},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default}],execute:function(){_export("default",EditItemPricePage=class EditItemPricePage extends PopupWindowPage{init(){return __awaiter(this,void 0,void 0,(function*(){this.model=this.parameters;this.renderer=XNode.create("div",null,XNode.create(Form,null,XNode.create(FormField,{label:"Currency"},XNode.create(CurrencySelect,{value:Bind.twoWaysImmediate((()=>this.model.currency))})),XNode.create(FormField,{label:"Amount"},XNode.create("input",{type:"number",value:Bind.twoWaysImmediate((()=>this.model.amount))})),XNode.create(FormField,{label:"Start Date"},XNode.create(DateField,{value:Bind.twoWaysImmediate((()=>this.model.startDate))})),XNode.create(FormField,{label:"End Date"},XNode.create(DateField,{value:Bind.twoWaysImmediate((()=>this.model.endDate))})),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"data-submit-event":"save-currency"}))))}))}saveCurrency(){return __awaiter(this,void 0,void 0,(function*(){return this.model}))}});__decorate([Action({onEvent:"save-currency",close:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],EditItemPricePage.prototype,"saveCurrency",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/prices/EditItemPricePage");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/email-dom/dist/DomToString"],(function(_export,_context){"use strict";var XNode,DomToString,Offers;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsEmailDomDistDomToString){DomToString=_webAtomsEmailDomDistDomToString.default}],execute:function(){_export("Offers",Offers=()=>DomToString(XNode.create("main",null,XNode.create("section",{"styler-layout":"column"}),XNode.create("section",{"styler-layout":"column"}))))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/Offsers");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/email-dom/dist/DomToString"],(function(_export,_context){"use strict";var XNode,DomToString,Specifications;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsEmailDomDistDomToString){DomToString=_webAtomsEmailDomDistDomToString.default}],execute:function(){_export("Specifications",Specifications=()=>DomToString(XNode.create("main",null,XNode.create("section",{"styler-layout":"columns-2"},XNode.create("table",null,XNode.create("thead",null,XNode.create("tr",null,XNode.create("th",{colspan:2},"Spec 1"))),XNode.create("tbody",null,XNode.create("tr",null,XNode.create("td",null,"Size"),XNode.create("td",null,"Medium")),XNode.create("tr",null,XNode.create("td",null,"Color"),XNode.create("td",null,"Transparent")))),XNode.create("table",null,XNode.create("thead",null,XNode.create("tr",null,XNode.create("th",{colspan:2},"Spec 1"))),XNode.create("tbody",null,XNode.create("tr",null,XNode.create("td",null,"Size"),XNode.create("td",null,"Medium")),XNode.create("tr",null,XNode.create("td",null,"Color"),XNode.create("td",null,"Transparent"))))))))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/Specifications");System.register(["tslib","@web-atoms/core/dist/web/controls/AtomControl","../../../../model/model","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/Select","../../../Sql","../../../controls/buttons/IconButton","../../../controls/collection-editor/CollectionEditorEx","../../../controls/reference-editor/ReferenceEditor","../../../controls/tags/TagChips","../../../date/DateFormats","../../../folder-view/FolderViewControl","../folders/EditItemFolderPage","./prices/EditItemPricePage","@web-atoms/core/dist/core/BindableProperty","../../../controls/drag-drop/FilesDragDrop","@web-atoms/web-controls/dist/basic/UploadEvent","@web-atoms/core/dist/view-model/Action","../../../fileUrl","@web-atoms/core/dist/core/InjectProperty","../../../../services/store/StoreItemService","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/PopupButton","./html/Offsers","./html/Specifications","../../../../web/commands/AppCommands"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,AtomControl,StoreItem,StoreItemItemTypeArray,StoreMediaFile,Bind,XNode,FormField,Select,Sql,UploadIconTextButton,CollectionEditorEx,ReferenceEditor,TagChips,DateFormats,FolderViewControl,EditItemFolderPage,EditItemPricePage,BindableProperty,FilesDragDrop,UploadEvent,Action,signedImageUrl,InjectProperty,StoreItemService,InlinePopupButton,MenuItem,Offers,Specifications,AppCommands,ProductEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_modelModel){StoreItem=_modelModel.StoreItem;StoreItemItemTypeArray=_modelModel.StoreItemItemTypeArray;StoreMediaFile=_modelModel.StoreMediaFile},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_Sql){Sql=_Sql.Sql},function(_controlsButtonsIconButton){UploadIconTextButton=_controlsButtonsIconButton.UploadIconTextButton},function(_controlsCollectionEditorCollectionEditorEx){CollectionEditorEx=_controlsCollectionEditorCollectionEditorEx.default},function(_controlsReferenceEditorReferenceEditor){ReferenceEditor=_controlsReferenceEditorReferenceEditor.default},function(_controlsTagsTagChips){TagChips=_controlsTagsTagChips.default},function(_dateDateFormats){DateFormats=_dateDateFormats.DateFormats},function(_folderViewFolderViewControl){FolderViewControl=_folderViewFolderViewControl.default},function(_foldersEditItemFolderPage){EditItemFolderPage=_foldersEditItemFolderPage.default},function(_pricesEditItemPricePage){EditItemPricePage=_pricesEditItemPricePage.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_controlsDragDropFilesDragDrop){FilesDragDrop=_controlsDragDropFilesDragDrop.FilesDragDrop},function(_webAtomsWebControlsDistBasicUploadEvent){UploadEvent=_webAtomsWebControlsDistBasicUploadEvent.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_fileUrl){signedImageUrl=_fileUrl.signedImageUrl},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesStoreStoreItemService){StoreItemService=_servicesStoreStoreItemService.default},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_webAtomsWebControlsDistBasicPopupButton){MenuItem=_webAtomsWebControlsDistBasicPopupButton.MenuItem},function(_htmlOffsers){Offers=_htmlOffsers.Offers},function(_htmlSpecifications){Specifications=_htmlSpecifications.Specifications},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default}],execute:function(){_export("default",ProductEditor=class ProductEditor extends AtomControl{constructor(){super(...arguments);this.productID=null;this.model=null}onPropertyChanged(name){super.onPropertyChanged(name);switch(name){case"model":this.app.runAsync((()=>this.init()));break;case"productID":this.app.runAsync((()=>this.loadProduct()));break}}loadProduct(){return __awaiter(this,void 0,void 0,(function*(){if(!this.productID){return}this.model=yield this.storeItemService.get(this.productID)}))}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){if(!this.model){return}(_a=(_b=this.model).storeItemTags)!==null&&_a!==void 0?_a:_b.storeItemTags=[];const storeID=this.model.storeID;this.renderer=XNode.create("div",null,XNode.create("div",{"data-border":"frame","data-layout":"vertical-flex"},XNode.create(FormField,{label:"Type"},XNode.create(Select,{labelPath:x=>x.label[0].toUpperCase()+x.label.substring(1),valuePath:x=>x.value,value:Bind.twoWaysImmediate((()=>this.model.itemType)),items:StoreItemItemTypeArray})),XNode.create(ReferenceEditor,{label:"Folder",model:this.model,field:x=>x.itemFolder,addNewDefaults:{storeID:this.model.storeID},editModelPage:EditItemFolderPage,searchQuery:(q,search)=>(search?q.where({search},(p=>x=>Sql.text.startsWith(x.name,p.search))):q).where({storeID},(p=>x=>x.storeID===p.storeID)).orderBy((x=>x.name)),itemRenderer:x=>XNode.create("div",{text:x.name})}),XNode.create(FormField,{label:"Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.name))})),XNode.create(FormField,{label:"Description"},XNode.create("textarea",{rows:"5",cols:"80",value:Bind.twoWaysImmediate((()=>this.model.description))}))),XNode.create(TagChips,{softDeleteProperty:Bind.oneWay((()=>this.model.storeItemID>0)),items:Bind.twoWaysImmediate((()=>this.model.storeItemTags))}),XNode.create(CollectionEditorEx,{"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Sizes",model:this.model,field:x=>x.sizes,itemFactory:()=>{const name=prompt("Name of new size");if(name){return StoreItem.create({sizeForID:this.model.storeItemID,storeID:this.model.storeID,itemType:"size",name})}},itemRenderer:item=>XNode.create("div",null,XNode.create("a",{text:item.name,href:AppCommands.editProduct.displayRoute({storeItemID:item.storeItemID}),"data-click-event":"route"}))}),XNode.create(CollectionEditorEx,{"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Variants",model:this.model,field:x=>x.variants,itemFactory:()=>{const name=prompt("Name of new variant");if(name){return StoreItem.create({variantForID:this.model.storeItemID,storeID:this.model.storeID,itemType:"variant",name})}},itemRenderer:item=>XNode.create("div",null,XNode.create("a",{text:item.name,href:AppCommands.editProduct.displayRoute({storeItemID:item.storeItemID}),"data-click-event":"route"}))}),XNode.create(CollectionEditorEx,{label:"Prices",model:this.model,field:x=>x.storeItemPrices,addPage:EditItemPricePage,itemRenderer:item=>XNode.create("div",null,XNode.create("div",{text:item.currency}),XNode.create("div",{text:item.amount}),XNode.create("div",{text:item.taxAmount}),XNode.create("div",{title:DateFormats.withWeekDayAndTime(item.startDate),text:DateFormats.relative.short(item.startDate)}),item.endDate?XNode.create("div",{title:DateFormats.withWeekDayAndTime(item.endDate),text:DateFormats.relative.short(item.endDate)}):XNode.create("div",null))}),XNode.create(CollectionEditorEx,{label:"Taxes",model:this.model,field:x=>x.taxes,addItemDefaults:{taxItem:null,storeItem:null},saveAfterAdd:false,inlineAddRenderere:item=>XNode.create("div",null,XNode.create(ReferenceEditor,{model:item,field:x=>x.taxItem,searchQuery:(q,search)=>(search?q.where({search:search+"%"},(p=>x=>Sql.text.iLike(x.name,p.search))):q).where({storeID},(p=>x=>x.storeID===p.storeID&&x.itemType==="tax")).include((x=>x.storeItemPrices)),itemRenderer:ti=>XNode.create("div",null," ",XNode.create("label",{text:ti.name})," "),suggestionRenderer:ti=>XNode.create("div",null," ",XNode.create("label",{text:ti.name})," ")})),itemRenderer:item=>XNode.create("div",null,XNode.create("label",{text:item.taxItem.name}),XNode.create("div",{"data-layout":"flex-wrap-padding"},...item.taxItem.storeItemPrices.map((t=>XNode.create("label",{text:t.amount})))))}),XNode.create("details",{"data-border":"frame"},XNode.create("summary",{text:"Files"}),XNode.create(FolderViewControl,{root:Bind.oneWay((()=>this.model.fileFolder))})),XNode.create(CollectionEditorEx,Object.assign({"style-display":Bind.oneWay((()=>this.model.storeItemID>0),false),label:"Media",layout:"flex-wrap",model:this.model,field:x=>x.mediaFiles,footer:()=>XNode.create("div",{"data-layout":"row"},XNode.create(UploadIconTextButton,Object.assign({},UploadEvent.AttachUploadAction({uploadEvent:"files-uploaded",extra:Bind.oneWay((()=>JSON.stringify({parentID:this.model.folderID})))}))),XNode.create(InlinePopupButton,{icon:"fas fa-plus",label:"Add Html",popup:()=>XNode.create("div",null,XNode.create(MenuItem,{"data-click-event":"add-offer",label:"Add Offers"}),XNode.create(MenuItem,{"data-click-event":"add-specifications",label:"Add Specifications"}))})),itemRenderer:item=>XNode.create("div",null,item.isPreview?XNode.create("img",{src:this.mediaFileUrl(item)}):XNode.create("button",{"data-click-event":"edit-media-file","data-layout":"link",text:item.title}))},FilesDragDrop({uploadEvent:"files-uploaded",extra:Bind.oneWay((()=>JSON.stringify({parentID:this.model.folderID})))}))))}))}mediaFileUrl(item){if(item.appFile){return`/api/files/webp(200)/${item.appFileID}/${item.appFile.fileContentID}/${item.appFile.name}.webp`}return signedImageUrl(item,200)}onFilesUploaded({files}){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){(_a=(_b=this.model).mediaFiles)!==null&&_a!==void 0?_a:_b.mediaFiles=[];for(const appFile of files){const isPreview=/^(image|video)\//i.test(appFile.contentType);this.model.mediaFiles.add(StoreMediaFile.create({appFile,appFileID:appFile.appFileID,fileContentID:appFile.fileContentID,isPreview}))}}))}onAddHtmlFile(data,e){return __awaiter(this,void 0,void 0,(function*(){let title="";let template;switch(e.type){case"addOffer":title="offer.html";template=Offers;break;case"addSpecifications":title="specs.html";template=Specifications;break;default:return}const file=yield this.storeItemService.getOrCreateMediaFile(this.model,title,template);this.element.dispatchEvent(new CustomEvent("editMediaFile",{detail:file,bubbles:true}))}))}});__decorate([BindableProperty,__metadata("design:type",Number)],ProductEditor.prototype,"productID",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],ProductEditor.prototype,"model",void 0);__decorate([InjectProperty,__metadata("design:type",StoreItemService)],ProductEditor.prototype,"storeItemService",void 0);__decorate([Action({onEvent:"files-uploaded"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],ProductEditor.prototype,"onFilesUploaded",null);__decorate([Action({onEvent:["add-offer","add-specifications"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,Event]),__metadata("design:returntype",Promise)],ProductEditor.prototype,"onAddHtmlFile",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/ProductEditor");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/PageNavigator","../../../../../site-editor/editor/HtmlPageEditor","../../../../../web/page/files/media/ChooseMediaPage","../../../../../web/page/files/service/CloudFileService","../../../../fileUrl"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,BindableProperty,InjectProperty,PageNavigator,HtmlPageEditor,ChooseMediaPage,CloudFileService,srcSetUrl,storeFileUrl,ProductHtmlEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_siteEditorEditorHtmlPageEditor){HtmlPageEditor=_siteEditorEditorHtmlPageEditor.default},function(_webPageFilesMediaChooseMediaPage){ChooseMediaPage=_webPageFilesMediaChooseMediaPage.default},function(_webPageFilesServiceCloudFileService){CloudFileService=_webPageFilesServiceCloudFileService.default},function(_fileUrl){srcSetUrl=_fileUrl.srcSetUrl;storeFileUrl=_fileUrl.storeFileUrl}],execute:function(){_export("default",ProductHtmlEditor=class ProductHtmlEditor extends HtmlPageEditor{constructor(){super(...arguments);this.folder=null}changeImage(){return __awaiter(this,void 0,void 0,(function*(){const{tagName}=this.selection.element;let accept="image/*";let multiple=true;let isVideo=false;let inject=false;switch(tagName){case"VIDEO":accept="video/*";multiple=false;isVideo=true;break;case"INJECT":accept="text/html";multiple=false;inject=true;break}const files=yield PageNavigator.pushPageForResult(ChooseMediaPage,{folder:this.folder,accept,multiple,selected:this.selection.element});if(inject||isVideo){const[{file,folder}]=files;const path="/"+[...folder,file.name].join("/");this.selection.element.setAttribute("src",path);return}const images=files.map((({file,size})=>{const src=storeFileUrl(this.folder.appFileID,file,`webp(${size})`,`${file.name}.${size}.webp`);const srcset=srcSetUrl(this.folder,file,((folder,f,s)=>storeFileUrl(this.folder.appFileID,file,`webp(${s})`,`${file.name}.${s}.webp`)));return{src,"data-src-set":srcset}}));yield this.insertImage(...images)}))}setStylerSheet(){return __awaiter(this,void 0,void 0,(function*(){}))}});__decorate([BindableProperty,__metadata("design:type",Object)],ProductHtmlEditor.prototype,"folder",void 0);__decorate([InjectProperty,__metadata("design:type",CloudFileService)],ProductHtmlEditor.prototype,"cloudFileService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/ProductHtmlEditor");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","../../../../controls/Loader","../../../../fileUrl","@web-atoms/core/dist/services/FetchBuilder","./ProductHtmlEditor","../../../../../site-editor/styler/StylerSet","@web-atoms/web-controls/dist/PageNavigator","../../../../../code-editor/CodeEditorPage","@web-atoms/core/dist/view-model/Action","../../../../controls/buttons/IconButton","@web-atoms/core/dist/core/InjectProperty","../../../../../web/page/files/service/CloudFileService","../../../../../services/EntityService"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,ContentPage,XNode,Bind,Loader,signedUrl,FetchBuilder,ProductHtmlEditor,StylerSet,PageNavigator,CodeEditorPage,Action,SaveIconTextButton,InjectProperty,CloudFileService,EntityService,ProductHtmlEditorPage,wrap;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_controlsLoader){Loader=_controlsLoader.default},function(_fileUrl){signedUrl=_fileUrl.signedUrl},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_ProductHtmlEditor){ProductHtmlEditor=_ProductHtmlEditor.default},function(_siteEditorStylerStylerSet){StylerSet=_siteEditorStylerStylerSet.StylerSet},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_codeEditorCodeEditorPage){CodeEditorPage=_codeEditorCodeEditorPage.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webPageFilesServiceCloudFileService){CloudFileService=_webPageFilesServiceCloudFileService.default},function(_servicesEntityService){EntityService=_servicesEntityService.default}],execute:function(){wrap=(styleText,body)=>`\n<!DOCTYPE html>\n<html>\n<style styler-style-sheet="styler-style-sheet">\n${styleText}\n</style>\n<body>\n${body}\n</body>\n</html>\n`;_export("default",ProductHtmlEditorPage=class ProductHtmlEditorPage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Loader,null));this.storeItem=this.parameters.item;this.mediaFile=this.parameters.file;const htmlMain=this.mediaFile.fileContentID?yield FetchBuilder.get(signedUrl(this.mediaFile)).responseAsText():"<main>Content</main>";this.originalHtml=htmlMain;const css=StylerSet.instance.toString();this.html=wrap(css,htmlMain);this.renderer=XNode.create("div",null,XNode.create(ProductHtmlEditor,{"data-position":"absolute-fill",folder:this.storeItem.store.folder,presenter:Bind.presenter((c=>this.htmlEditor=c)),"event-html-page-changed":ce=>this.pageContent=ce.detail,htmlPage:this.html}));this.footerRenderer=()=>XNode.create("div",{"data-layout":"header-row","style-display":Bind.oneWay((()=>this.pageContent!==this.html))},XNode.create(SaveIconTextButton,{"event-click":()=>this.savePage(),text:"Save"}),XNode.create(SaveIconTextButton,{"event-click":()=>this.savePage(true),text:"Save and Close"}))}))}savePage(close=false){return __awaiter(this,void 0,void 0,(function*(){if(!this.htmlEditor.lastCommittedBody){if(close){this.close(this.mediaFile)}return}const{fileContentID}=yield this.cloudFileService.saveFile({appFileID:this.mediaFile.appFileID,content:new File([this.htmlEditor.lastCommittedBody],this.parameters.file.title,{type:"text/html"})});this.mediaFile.fileContentID=fileContentID;const es=this.resolve(EntityService);yield es.save(this.mediaFile,(c=>c));if(close){this.close(this.mediaFile)}}))}editCode(){var _a;return __awaiter(this,void 0,void 0,(function*(){const content=yield PageNavigator.pushPageForResult(CodeEditorPage,{fileName:this.parameters.file.title,content:(_a=this.htmlEditor.lastCommittedHtml)!==null&&_a!==void 0?_a:this.htmlEditor.htmlPage});this.pageContent=content;this.htmlEditor.htmlPage=content}))}hide(){var _a,_b,_c;this.pageContent=(_b=(_a=this.htmlEditor)===null||_a===void 0?void 0:_a.lastCommittedHtml)!==null&&_b!==void 0?_b:(_c=this.htmlEditor)===null||_c===void 0?void 0:_c.htmlPage;super.hide()}show(){super.show();if(this.pageContent){setTimeout((()=>this.htmlEditor.htmlPage=this.pageContent),400)}}});__decorate([InjectProperty,__metadata("design:type",CloudFileService)],ProductHtmlEditorPage.prototype,"cloudFileService",void 0);__decorate([Action({}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],ProductHtmlEditorPage.prototype,"savePage",null);__decorate([Action({onEvent:"edit-code"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],ProductHtmlEditorPage.prototype,"editCode",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/stores/products/html/ProductHtmlEditorPage");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,styled;function NavCrumbs(a,...nodes){const children=[];for(const iterator of nodes){if(iterator===void 0||iterator===null||iterator===false){continue}if(children.length){children.push(">")}children.push(iterator)}return XNode.create("nav",Object.assign({"data-nav-crumbs":"nav-crumbs"},a),...children)}_export("default",NavCrumbs);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
     display: flex;
     gap: 5px;
 
@@ -4964,7 +4964,7 @@ html, body {
     }
 }
 
-`.withId("global-styles").withOrder("medium").installGlobal()}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/style/GlobalStyle");System.register(["tslib","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/di/Inject","./EntityService","../model/model","../common/SocialMailApp","@web-atoms/core/dist/App","@web-atoms/core/dist/core/sleep","@web-atoms/date-time/dist/DateTime"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,DISingleton,Inject,EntityService,LoginSession,SocialMailApp,App,sleep,DateTime,LoginService;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistDiDISingleton){DISingleton=_webAtomsCoreDistDiDISingleton.default},function(_webAtomsCoreDistDiInject){Inject=_webAtomsCoreDistDiInject.Inject},function(_EntityService){EntityService=_EntityService.default},function(_modelModel){LoginSession=_modelModel.LoginSession},function(_commonSocialMailApp){SocialMailApp=_commonSocialMailApp.default},function(_webAtomsCoreDistApp){App=_webAtomsCoreDistApp.App},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default}],execute:function(){LoginService=class LoginService{getUser(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){(_a=this.user)!==null&&_a!==void 0?_a:this.user=(_b=yield this.entityService.query(LoginSession,"currentUser").firstOrDefault())===null||_b===void 0?void 0:_b.user;SocialMailApp.user=this.user;return this.user}))}login(session){return __awaiter(this,void 0,void 0,(function*(){const result=yield this.entityService.save(session);if(session.invalid){if(session.verificationToken){this.checkSession(session).catch(console.error)}return session.status}location.reload()}))}checkSession(session){return __awaiter(this,void 0,void 0,(function*(){do{yield sleep(5e3);session.dateUpdated=DateTime.now;yield this.entityService.save(session);if(!session.invalid){location.reload()}}while(true)}))}updateRegistration(s){return __awaiter(this,void 0,void 0,(function*(){throw new Error("Method not implemented.")}))}logout(){return __awaiter(this,void 0,void 0,(function*(){const session=yield this.entityService.query(LoginSession,"currentUser").firstOrDefault();session.invalid=true;const cloner=this.entityService.cloner(session);yield this.entityService.save(cloner.copy);yield sleep(1e3);location.reload()}))}};__decorate([Inject,__metadata("design:type",EntityService)],LoginService.prototype,"entityService",void 0);__decorate([Inject,__metadata("design:type",App)],LoginService.prototype,"app",void 0);LoginService=__decorate([DISingleton()],LoginService);_export("default",LoginService)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/LoginService");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/services/PopupService","@web-atoms/web-controls/dist/basic/PasswordBox","../../../apiPath"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,styled,Form,FormField,ContentPage,CountrySelect,formatForCountry,isdForCountry,MaskedInput,FetchBuilder,Action,PopupService,PasswordBox,apiPath,ForgotPassword,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_controlsCountriesCountrySelect){CountrySelect=_controlsCountriesCountrySelect.CountrySelect;formatForCountry=_controlsCountriesCountrySelect.formatForCountry;isdForCountry=_controlsCountriesCountrySelect.isdForCountry},function(_webAtomsWebControlsDistBasicMaskedInput){MaskedInput=_webAtomsWebControlsDistBasicMaskedInput.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_webAtomsWebControlsDistBasicPasswordBox){PasswordBox=_webAtomsWebControlsDistBasicPasswordBox.default},function(_apiPath){apiPath=_apiPath.apiPath}],execute:function(){css=styled.css`
+`.withId("global-styles").withOrder("medium").installGlobal()}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/style/GlobalStyle");System.register(["tslib","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/di/Inject","./EntityService","../model/model","../common/SocialMailApp","@web-atoms/core/dist/App","@web-atoms/core/dist/core/sleep","@web-atoms/date-time/dist/DateTime"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,DISingleton,Inject,EntityService,LoginSession,SocialMailApp,App,sleep,DateTime,LoginService;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistDiDISingleton){DISingleton=_webAtomsCoreDistDiDISingleton.default},function(_webAtomsCoreDistDiInject){Inject=_webAtomsCoreDistDiInject.Inject},function(_EntityService){EntityService=_EntityService.default},function(_modelModel){LoginSession=_modelModel.LoginSession},function(_commonSocialMailApp){SocialMailApp=_commonSocialMailApp.default},function(_webAtomsCoreDistApp){App=_webAtomsCoreDistApp.App},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default}],execute:function(){LoginService=class LoginService{getUser(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){(_a=this.user)!==null&&_a!==void 0?_a:this.user=(_b=yield this.entityService.query(LoginSession,"currentUser").firstOrDefault())===null||_b===void 0?void 0:_b.user;SocialMailApp.user=this.user;return this.user}))}login(session){return __awaiter(this,void 0,void 0,(function*(){const result=yield this.entityService.save(session);if(session.invalid){if(session.verificationToken){this.checkSession(session).catch(console.error)}return session.status}location.reload()}))}checkSession(session){return __awaiter(this,void 0,void 0,(function*(){do{yield sleep(5e3);session.dateUpdated=DateTime.now;yield this.entityService.save(session);if(!session.invalid){location.reload()}}while(true)}))}updateRegistration(s){return __awaiter(this,void 0,void 0,(function*(){throw new Error("Method not implemented.")}))}logout(){return __awaiter(this,void 0,void 0,(function*(){const session=yield this.entityService.query(LoginSession,"currentUser").firstOrDefault();session.invalid=true;const cloner=this.entityService.cloner(session);yield this.entityService.save(cloner.copy);yield sleep(1e3);location.reload()}))}};__decorate([Inject,__metadata("design:type",EntityService)],LoginService.prototype,"entityService",void 0);__decorate([Inject,__metadata("design:type",App)],LoginService.prototype,"app",void 0);LoginService=__decorate([DISingleton()],LoginService);_export("default",LoginService)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/LoginService");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/services/PopupService","@web-atoms/web-controls/dist/basic/PasswordBox","../../../apiPath","../../../controls/qrcode/QRCode","@web-atoms/core/dist/core/sleep"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,styled,Form,FormField,ContentPage,CountrySelect,formatForCountry,isdForCountry,MaskedInput,FetchBuilder,Action,PopupService,PasswordBox,apiPath,QRCodeControl,sleep,ForgotPassword,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_controlsCountriesCountrySelect){CountrySelect=_controlsCountriesCountrySelect.CountrySelect;formatForCountry=_controlsCountriesCountrySelect.formatForCountry;isdForCountry=_controlsCountriesCountrySelect.isdForCountry},function(_webAtomsWebControlsDistBasicMaskedInput){MaskedInput=_webAtomsWebControlsDistBasicMaskedInput.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_webAtomsWebControlsDistBasicPasswordBox){PasswordBox=_webAtomsWebControlsDistBasicPasswordBox.default},function(_apiPath){apiPath=_apiPath.apiPath},function(_controlsQrcodeQRCode){QRCodeControl=_controlsQrcodeQRCode.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default}],execute:function(){css=styled.css`
     & [data-border=frame] {
         padding: 10px;
         border-radius: 10px;
@@ -4982,7 +4982,7 @@ html, body {
             min-width: 250px;
         }
     }
-`.installLocal();_export("default",ForgotPassword=class ForgotPassword extends ContentPage{constructor(){super(...arguments);this.model={username:"",password:"",passwordAgain:"",phoneNumber:"",country:"US",phoneNumberText:"",phone:{code:""},captcha:{code:""}}}init(){return __awaiter(this,void 0,void 0,(function*(){this.hideToolbar=true;this.title="Reset Password";const{id}=yield FetchBuilder.put(apiPath("/api/users/captcha")).responseAsJson();this.model.captcha.id=id;this.render(XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(Form,{"data-border":"frame"},XNode.create("h3",null,"To reset password, enter following."),XNode.create(FormField,{label:"Username"},XNode.create("input",{autofocus:true,value:Bind.twoWaysImmediate((()=>this.model.username))})),XNode.create(FormField,{label:"Phone Number"},XNode.create("div",{"data-layout":"row"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.country))}),XNode.create(MaskedInput,{"data-mask":Bind.oneWayAsync((()=>formatForCountry(this.model.country))),value:Bind.twoWaysImmediate((()=>this.model.phoneNumberText))}))),XNode.create(FormField,{label:"Captcha"},XNode.create("img",{src:apiPath(`/api/users/captcha/${id}`)})),XNode.create(FormField,{label:"Enter 5 Digit Code"},XNode.create("input",{type:"tel",value:Bind.twoWaysImmediate((()=>this.model.captcha.code))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"go-button","data-submit-event":"ask-code"},"Next"))))))}))}resetPassword(){return __awaiter(this,void 0,void 0,(function*(){const{model}=this;if(model.phone.verified){if(!model.password){throw new Error("Password is required")}}if(model.password){if(model.password.length<7){throw new Error("Password is cannot be less than 7 characters")}if(/\s/i.test(model.password)){throw new Error("Password must not any whitespace characters")}if(model.passwordAgain!==model.password){throw new Error("Passwords do not match")}}const isdCode=yield isdForCountry(model.country);const phoneNumber=model.phoneNumberText.replace(/[^0-9]/g,"");model.phoneNumber=isdCode.startsWith("+")?isdCode+phoneNumber:`+${isdCode}${phoneNumber}`;const{userID,phone,captcha}=yield FetchBuilder.post(apiPath("/api/users/password/reset/")).jsonBody(this.model).responseAsJson();if(captcha===null||captcha===void 0?void 0:captcha.verified){model.captcha.verified=captcha.verified}if(userID){yield PopupService.alert({message:"Password has been reset successfully, please login with your new password."});location.href="/";return}if(phone.verified){this.model.phone.verified=phone.verified;this.askPasswords();return}if(phone.id){this.model.phone.id=phone.id}this.askCode()}))}askCode(){this.renderer=XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(Form,{"data-border":"frame"},XNode.create("h3",null,"Enter verification code."),XNode.create(FormField,{label:"Code"},XNode.create("input",{type:"tel",value:Bind.twoWaysImmediate((()=>this.model.phone.code))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"go-button","data-submit-event":"ask-code"},"Next")))))}askPasswords(){this.renderer=XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(Form,{"data-border":"frame"},XNode.create("h3",null,"Enter new password."),XNode.create(FormField,{label:"Password"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.password))})),XNode.create(FormField,{label:"Password Again"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.passwordAgain))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"go-button","data-submit-event":"ask-code"},"Next")))))}});__decorate([Action({onEvent:"ask-code"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],ForgotPassword.prototype,"resetPassword",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/forgot/ForgotPassword");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/web-controls/dist/basic/FormField","../../../../model/model","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/core/InjectProperty","../../../../services/LoginService","../../../controls/password/PasswordStrength","../../../validators/Validators","../../../controls/buttons/IconButton","@web-atoms/web-controls/dist/PageNavigator","../forgot/ForgotPassword","@web-atoms/core/dist/web/services/PopupService","../../../form/AppForm","../../../../web/commands/AppCommands","@web-atoms/date-time/dist/DateTime","../../../controls/qrcode/QRCode"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,XNode,ContentPage,FormField,LoginSession,Bind,PasswordBox,Action,InjectProperty,LoginService,PasswordStrength,Validators,SaveIconTextButton,PageNavigator,ForgotPassword,PopupService,AppForm,AppCommands,DateTime,QRCode,LoginPage,isSocialMail;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_modelModel){LoginSession=_modelModel.LoginSession},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicPasswordBox){PasswordBox=_webAtomsWebControlsDistBasicPasswordBox.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesLoginService){LoginService=_servicesLoginService.default},function(_controlsPasswordPasswordStrength){PasswordStrength=_controlsPasswordPasswordStrength.default},function(_validatorsValidators){Validators=_validatorsValidators.Validators},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_forgotForgotPassword){ForgotPassword=_forgotForgotPassword.default},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_formAppForm){AppForm=_formAppForm.default},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default},function(_controlsQrcodeQRCode){QRCode=_controlsQrcodeQRCode.default}],execute:function(){isSocialMail=/socialmail\.(me|in)/i.test(location.href)||/\d+.\d+.\d+.\d+/i.test(location.href);_export("default",LoginPage=class LoginPage extends ContentPage{constructor(){super(...arguments);this.password=""}init(){return __awaiter(this,void 0,void 0,(function*(){this.footerRenderer=()=>XNode.create("div",{"data-layout":"row"},XNode.create("a",{target:"_blank","data-margin-left":"auto",href:"https://socialmail.me"},"Social Mail"));this.hideToolbar=true;this.model=LoginSession.create({});this.model.userName="";this.model.checkPassword="";this.model.timeToken="";this.model.oneTimePassword="";this.render(XNode.create("div",null,XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("h3",null,"Sign in to continue"),XNode.create(FormField,{label:"Username"},XNode.create("input",{autofocus:true,value:Bind.twoWaysImmediate((()=>this.model.userName))})),XNode.create(FormField,{label:"Password"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.checkPassword))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"accent-button","data-submit-event":"login",text:"Login"})),isSocialMail&&XNode.create("div",{"data-layout":"row"},XNode.create("span",{"data-click-event":"forgot-password","data-layout":"link"},"Forgot password?")),isSocialMail&&XNode.create("div",{"data-layout":"row"},XNode.create("a",{"data-click-event":"route",href:AppCommands.signup.displayRoute({})},"Sign Up"))))))}))}login(){return __awaiter(this,void 0,void 0,(function*(){this.model.dateUpdated=DateTime.now;const status=yield this.userService.login(this.model);if(!status){return}if(status==="change-password"){yield this.showChangePassword();return}this.showOtherFactors()}))}showOtherFactors(){const smsConfig=this.model.verificationToken;this.renderer=XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,(smsConfig===null||smsConfig===void 0?void 0:smsConfig.smsConfig)&&XNode.create(QRCode,{smsConfig:smsConfig.smsConfig}),XNode.create("h4",null,"OR"),XNode.create("h4",null,"Enter Authenticator Code"),XNode.create(FormField,{label:"Code"},XNode.create("input",{autofocus:true,type:"tel",value:Bind.twoWaysImmediate((()=>this.model.timeToken))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"event-click":()=>this.showOTP(),"data-layout":"link"},"Enter One Time Password instead.")),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"event-click":()=>this.login(),text:"Go"}))))}showOTP(){this.renderer=XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("h4",null,"Enter One Time Password"),XNode.create(FormField,{label:"Password"},XNode.create("input",{autofocus:true,type:"tel",value:Bind.twoWaysImmediate((()=>this.model.oneTimePassword))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"event-click":()=>this.showOtherFactors(),"data-layout":"link"},"Enter Authenticator Code instad.")),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"event-click":()=>this.login(),text:"Go"}))))}showChangePassword(){return __awaiter(this,void 0,void 0,(function*(){this.model.newPassword="";this.renderer=XNode.create("div",null,XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("div",null,"Update your password, your one time password is expired."),XNode.create(FormField,{label:"Password",autofocus:true,required:true,error:Bind.oneWay((()=>Validators.isValidPassword(this.password)?"":"Password must contain one symbol, one number and should be minimum 7 characters"))},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.password))})),XNode.create(PasswordStrength,{password:Bind.oneWay((()=>this.password))}),XNode.create(FormField,{label:"Password Again",required:true,error:Bind.oneWay((()=>this.model.newPassword!==this.password?"Passwords do not match":""))},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.newPassword))})),XNode.create("div",{"data-layout":"command-row"},XNode.create("button",{"data-submit-event":"login",text:"Change Password & Login"})))))}))}forgotPassword(){return __awaiter(this,void 0,void 0,(function*(){if(isSocialMail){PageNavigator.openPage(ForgotPassword);return}yield PopupService.alert({message:"Please contact your administrator"})}))}});__decorate([InjectProperty,__metadata("design:type",LoginService)],LoginPage.prototype,"userService",void 0);__decorate([Action({onEvent:"login"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],LoginPage.prototype,"login",null);__decorate([Action({onEvent:"forgot-password"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],LoginPage.prototype,"forgotPassword",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var __rest,XNode,styled;function MenuItem(_a){var{label,icon=void 0,click=undefined,title=label,description=void 0,href="",commandLink="",target=undefined,bell=void 0,bellTitle=void 0,bellClick=void 0}=_a,a=__rest(_a,["label","icon","click","title","description","href","commandLink","target","bell","bellTitle","bellClick"]);return href||commandLink?XNode.create("a",Object.assign({"data-layout":"menu-item","data-text-decoration":"none",title,"data-click-event":commandLink?"route":void 0,href:href||commandLink,target,"event-click":click},a),icon&&XNode.create("i",{class:icon}),XNode.create("span",{text:label}),description&&XNode.create("small",{text:description}),bell!==void 0&&XNode.create("i",Object.assign({"data-element":"badge",title:bellTitle,class:bell?"fad fa-bell":"fad fa-bell-slash"},typeof bellClick==="string"?{"data-click-event":bellClick}:{"data-click-event":"none","event-click":bellClick}))):XNode.create("div",Object.assign({title,"data-layout":"menu-item","event-click":click},a),icon&&XNode.create("i",{class:icon}),XNode.create("span",{text:label}),description&&XNode.create("small",{text:description}),bell!==void 0&&XNode.create("i",{"data-click-event":bellClick,"data-element":"badge",title:bellTitle,class:bell?"fad fa-bell":"fad fa-bell-slash"}))}_export("default",MenuItem);return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
+`.installLocal();_export("default",ForgotPassword=class ForgotPassword extends ContentPage{constructor(){super(...arguments);this.model={username:"",password:"",passwordAgain:"",phoneNumber:"",country:"US",phoneNumberText:"",phone:{code:""},captcha:{code:""}}}init(){return __awaiter(this,void 0,void 0,(function*(){this.hideToolbar=true;this.title="Reset Password";const{id}=yield FetchBuilder.put(apiPath("/api/users/captcha")).responseAsJson();this.model.captcha.id=id;this.render(XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(Form,{"data-border":"frame"},XNode.create("h3",null,"To reset password, enter following."),XNode.create(FormField,{label:"Username"},XNode.create("input",{autofocus:true,value:Bind.twoWaysImmediate((()=>this.model.username))})),XNode.create(FormField,{label:"Phone Number"},XNode.create("div",{"data-layout":"row"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.country))}),XNode.create(MaskedInput,{"data-mask":Bind.oneWayAsync((()=>formatForCountry(this.model.country))),value:Bind.twoWaysImmediate((()=>this.model.phoneNumberText))}))),XNode.create(FormField,{label:"Captcha"},XNode.create("img",{src:apiPath(`/api/users/captcha/${id}`)})),XNode.create(FormField,{label:"Enter 5 Digit Code"},XNode.create("input",{type:"tel",value:Bind.twoWaysImmediate((()=>this.model.captcha.code))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"go-button","data-submit-event":"ask-code"},"Next"))))))}))}resetPassword(){return __awaiter(this,void 0,void 0,(function*(){const{model}=this;if(model.phone.verified){if(!model.password){throw new Error("Password is required")}}if(model.password){if(model.password.length<7){throw new Error("Password is cannot be less than 7 characters")}if(/\s/i.test(model.password)){throw new Error("Password must not any whitespace characters")}if(model.passwordAgain!==model.password){throw new Error("Passwords do not match")}}const isdCode=yield isdForCountry(model.country);const phoneNumber=model.phoneNumberText.replace(/[^0-9]/g,"");model.phoneNumber=isdCode.startsWith("+")?isdCode+phoneNumber:`+${isdCode}${phoneNumber}`;const{userID,phone,captcha}=yield FetchBuilder.post(apiPath("/api/users/password/reset/")).jsonBody(this.model).responseAsJson();if(captcha===null||captcha===void 0?void 0:captcha.verified){model.captcha.verified=captcha.verified}if(userID){yield PopupService.alert({message:"Password has been reset successfully, please login with your new password."});location.href="/";return}if(phone.verified){this.model.phone.verified=phone.verified;this.askPasswords();return}if(phone.id){this.model.phone.id=phone.id;this.model.phone.smsConfig=phone.smsConfig}yield this.askCode()}))}askCode(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(QRCodeControl,{smsConfig:this.model.phone.smsConfig})));yield sleep(3e3);yield this.resetPassword()}))}askPasswords(){this.renderer=XNode.create("div",{class:css},XNode.create("div",{"data-layout":"center-all"},XNode.create(Form,{"data-border":"frame"},XNode.create("h3",null,"Enter new password."),XNode.create(FormField,{label:"Password"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.password))})),XNode.create(FormField,{label:"Password Again"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.passwordAgain))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"go-button","data-submit-event":"ask-code"},"Next")))))}});__decorate([Action({onEvent:"ask-code"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],ForgotPassword.prototype,"resetPassword",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/forgot/ForgotPassword");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/web-controls/dist/basic/FormField","../../../../model/model","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/core/InjectProperty","../../../../services/LoginService","../../../controls/password/PasswordStrength","../../../validators/Validators","../../../controls/buttons/IconButton","@web-atoms/web-controls/dist/PageNavigator","../forgot/ForgotPassword","@web-atoms/core/dist/web/services/PopupService","../../../form/AppForm","../../../../web/commands/AppCommands","@web-atoms/date-time/dist/DateTime","../../../controls/qrcode/QRCode"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,XNode,ContentPage,FormField,LoginSession,Bind,PasswordBox,Action,InjectProperty,LoginService,PasswordStrength,Validators,SaveIconTextButton,PageNavigator,ForgotPassword,PopupService,AppForm,AppCommands,DateTime,QRCode,LoginPage,isSocialMail;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_modelModel){LoginSession=_modelModel.LoginSession},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicPasswordBox){PasswordBox=_webAtomsWebControlsDistBasicPasswordBox.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_servicesLoginService){LoginService=_servicesLoginService.default},function(_controlsPasswordPasswordStrength){PasswordStrength=_controlsPasswordPasswordStrength.default},function(_validatorsValidators){Validators=_validatorsValidators.Validators},function(_controlsButtonsIconButton){SaveIconTextButton=_controlsButtonsIconButton.SaveIconTextButton},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_forgotForgotPassword){ForgotPassword=_forgotForgotPassword.default},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_formAppForm){AppForm=_formAppForm.default},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default},function(_controlsQrcodeQRCode){QRCode=_controlsQrcodeQRCode.default}],execute:function(){isSocialMail=/socialmail\.(me|in)/i.test(location.href)||/\d+.\d+.\d+.\d+/i.test(location.href);_export("default",LoginPage=class LoginPage extends ContentPage{constructor(){super(...arguments);this.password=""}init(){return __awaiter(this,void 0,void 0,(function*(){this.footerRenderer=()=>XNode.create("div",{"data-layout":"row"},XNode.create("a",{target:"_blank","data-margin-left":"auto",href:"https://socialmail.me"},"Social Mail"));this.hideToolbar=true;this.model=LoginSession.create({});this.model.userName="";this.model.checkPassword="";this.model.timeToken="";this.model.oneTimePassword="";this.render(XNode.create("div",null,XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("h3",null,"Sign in to continue"),XNode.create(FormField,{label:"Username"},XNode.create("input",{autofocus:true,value:Bind.twoWaysImmediate((()=>this.model.userName))})),XNode.create(FormField,{label:"Password"},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.checkPassword))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"data-layout":"accent-button","data-submit-event":"login",text:"Login"})),isSocialMail&&XNode.create("div",{"data-layout":"row"},XNode.create("span",{"data-click-event":"forgot-password","data-layout":"link"},"Forgot password?")),isSocialMail&&XNode.create("div",{"data-layout":"row"},XNode.create("a",{"data-click-event":"route",href:AppCommands.signup.displayRoute({})},"Sign Up"))))))}))}login(){return __awaiter(this,void 0,void 0,(function*(){this.model.dateUpdated=DateTime.now;const status=yield this.userService.login(this.model);if(!status){return}if(status==="change-password"){yield this.showChangePassword();return}this.showOtherFactors()}))}showOtherFactors(){const smsConfig=this.model.verificationToken;this.renderer=XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,(smsConfig===null||smsConfig===void 0?void 0:smsConfig.smsConfig)&&XNode.create(QRCode,{smsConfig:smsConfig.smsConfig}),XNode.create("h4",null,"OR"),XNode.create("h4",null,"Enter Authenticator Code"),XNode.create(FormField,{label:"Code"},XNode.create("input",{autofocus:true,type:"tel",value:Bind.twoWaysImmediate((()=>this.model.timeToken))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"event-click":()=>this.showOTP(),"data-layout":"link"},"Enter One Time Password instead.")),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"event-click":()=>this.login(),text:"Go"}))))}showOTP(){this.renderer=XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("h4",null,"Enter One Time Password"),XNode.create(FormField,{label:"Password"},XNode.create("input",{autofocus:true,type:"tel",value:Bind.twoWaysImmediate((()=>this.model.oneTimePassword))})),XNode.create("div",{"data-layout":"row"},XNode.create("button",{"event-click":()=>this.showOtherFactors(),"data-layout":"link"},"Enter Authenticator Code instad.")),XNode.create("div",{"data-layout":"command-row"},XNode.create(SaveIconTextButton,{"event-click":()=>this.login(),text:"Go"}))))}showChangePassword(){return __awaiter(this,void 0,void 0,(function*(){this.model.newPassword="";this.renderer=XNode.create("div",null,XNode.create("div",{"data-layout":"center-all"},XNode.create(AppForm,null,XNode.create("div",null,"Update your password, your one time password is expired."),XNode.create(FormField,{label:"Password",autofocus:true,required:true,error:Bind.oneWay((()=>Validators.isValidPassword(this.password)?"":"Password must contain one symbol, one number and should be minimum 7 characters"))},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.password))})),XNode.create(PasswordStrength,{password:Bind.oneWay((()=>this.password))}),XNode.create(FormField,{label:"Password Again",required:true,error:Bind.oneWay((()=>this.model.newPassword!==this.password?"Passwords do not match":""))},XNode.create(PasswordBox,{value:Bind.twoWaysImmediate((()=>this.model.newPassword))})),XNode.create("div",{"data-layout":"command-row"},XNode.create("button",{"data-submit-event":"login",text:"Change Password & Login"})))))}))}forgotPassword(){return __awaiter(this,void 0,void 0,(function*(){if(isSocialMail){PageNavigator.openPage(ForgotPassword);return}yield PopupService.alert({message:"Please contact your administrator"})}))}});__decorate([InjectProperty,__metadata("design:type",LoginService)],LoginPage.prototype,"userService",void 0);__decorate([Action({onEvent:"login"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],LoginPage.prototype,"login",null);__decorate([Action({onEvent:"forgot-password"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],LoginPage.prototype,"forgotPassword",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var __rest,XNode,styled;function MenuItem(_a){var{label,icon=void 0,click=undefined,title=label,description=void 0,href="",commandLink="",target=undefined,bell=void 0,bellTitle=void 0,bellClick=void 0}=_a,a=__rest(_a,["label","icon","click","title","description","href","commandLink","target","bell","bellTitle","bellClick"]);return href||commandLink?XNode.create("a",Object.assign({"data-layout":"menu-item","data-text-decoration":"none",title,"data-click-event":commandLink?"route":void 0,href:href||commandLink,target,"event-click":click},a),icon&&XNode.create("i",{class:icon}),XNode.create("span",{text:label}),description&&XNode.create("small",{text:description}),bell!==void 0&&XNode.create("i",Object.assign({"data-element":"badge",title:bellTitle,class:bell?"fad fa-bell":"fad fa-bell-slash"},typeof bellClick==="string"?{"data-click-event":bellClick}:{"data-click-event":"none","event-click":bellClick}))):XNode.create("div",Object.assign({title,"data-layout":"menu-item","event-click":click},a),icon&&XNode.create("i",{class:icon}),XNode.create("span",{text:label}),description&&XNode.create("small",{text:description}),bell!==void 0&&XNode.create("i",{"data-click-event":bellClick,"data-element":"badge",title:bellTitle,class:bell?"fad fa-bell":"fad fa-bell-slash"}))}_export("default",MenuItem);return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
     display: grid;
     grid-template-columns: auto 1fr auto;
     grid-template-rows: 1fr auto;