@ikas/storefront 4.5.0-beta.3 → 4.5.0-beta.30

package/build/models/ui/validator/form/ikas-address.d.ts

@@ -0,0 +1,156 @@
+import { IkasCity, IkasCountry, IkasDistrict, IkasLocalizedCustomerAddress, IkasState } from "../../../data";
+import { AddressFormItem } from "@ikas/localized-address";
+declare type IkasAddressFormPropsValidatorMessage<T> = {
+    requiredRule: ((model: T) => string) | string;
+    invalidRule: ((model: T) => string) | string;
+    phoneRule?: ((model: T) => string) | string;
+};
+declare type IkasAddressFormProps<T> = {
+    message: IkasAddressFormPropsValidatorMessage<T>;
+    address?: IkasLocalizedCustomerAddress;
+};
+export declare class IkasAddressForm {
+    address: IkasLocalizedCustomerAddress;
+    countries: IkasCountry[];
+    states: IkasState[];
+    cities: IkasCity[];
+    districts: IkasDistrict[];
+    isLoaded: boolean;
+    private isFormSubmit;
+    private _isCountriesPending;
+    private _isStatesPending;
+    private _isCitiesPending;
+    private _isDistrictsPending;
+    private message;
+    constructor(props: IkasAddressFormProps<IkasLocalizedCustomerAddress>);
+    init: () => Promise<void>;
+    onTitleChange: (value: string) => void;
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onIdentityNumberChange: (value: string) => void;
+    onPhoneChange: (value: string) => void;
+    onAddressLine1Change: (value: string) => void;
+    onAddressLine2Change: (value: string) => void;
+    onAddressPostalCodeChange: (value: string) => void;
+    onCountryChange: (countryId: string) => void;
+    onStateChange: (stateId: string) => void;
+    onCityChange: (cityId: string) => void;
+    onCityInputChange: (value: string) => void;
+    onDistrictChange: (districtId: string) => void;
+    onDistrictInputChange: (value: string) => void;
+    listCountries: () => Promise<void>;
+    listStates: () => Promise<void>;
+    listCities: () => Promise<void>;
+    listDistricts: () => Promise<void>;
+    get isFreeTextCity(): boolean | undefined;
+    get isFreeTextDistrict(): boolean | undefined;
+    get isEdit(): boolean;
+    private get editingAddressIndex();
+    get countryOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get stateOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get cityOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get districtOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get hasState(): boolean;
+    get isCountriesPending(): boolean;
+    get isStatesPending(): boolean;
+    get isCitiesPending(): boolean;
+    get isDistrictsPending(): boolean;
+    get fieldSettings(): {
+        firstName: import("@ikas/localized-address").AddressFormField;
+        lastName: import("@ikas/localized-address").AddressFormField;
+        identityNumber: import("@ikas/localized-address").AddressFormField;
+        addressLine1: import("@ikas/localized-address").AddressFormField;
+        addressLine2: import("@ikas/localized-address").AddressFormField;
+        postalCode: import("@ikas/localized-address").AddressFormField;
+        country: import("@ikas/localized-address").AddressFormField;
+        state: import("@ikas/localized-address").AddressFormField;
+        city: import("@ikas/localized-address").AddressFormField;
+        district: import("@ikas/localized-address").AddressFormField;
+        phone: import("@ikas/localized-address").AddressFormField;
+        company: import("@ikas/localized-address").AddressFormField;
+        taxOffice: import("@ikas/localized-address").AddressFormField;
+        taxNumber: import("@ikas/localized-address").AddressFormField;
+        title: import("@ikas/localized-address").AddressFormField;
+    } | undefined;
+    get fieldLabels(): import("@ikas/localized-address").IkasAddressFormLabels | undefined;
+    get addressFormat(): AddressFormItem[][] | undefined;
+    get validationResult(): {
+        firstName: {
+            hasError: boolean;
+            message: string;
+        };
+        lastName: {
+            hasError: boolean;
+            message: string;
+        };
+        identityNumber: {
+            hasError: boolean;
+            message: string;
+        };
+        addressLine1: {
+            hasError: boolean;
+            message: string;
+        };
+        addressLine2: {
+            hasError: boolean;
+            message: string;
+        };
+        postalCode: {
+            hasError: boolean;
+            message: string;
+        };
+        country: {
+            hasError: boolean;
+            message: string;
+        };
+        state: {
+            hasError: boolean;
+            message: string;
+        };
+        city: {
+            hasError: boolean;
+            message: string;
+        };
+        district: {
+            hasError: boolean;
+            message: string;
+        };
+        phone: {
+            hasError: boolean;
+            message: string;
+        };
+        company: {
+            hasError: boolean;
+            message: string;
+        };
+        taxOffice: {
+            hasError: boolean;
+            message: string;
+        };
+        taxNumber: {
+            hasError: boolean;
+            message: string;
+        };
+        title: {
+            hasError: boolean;
+            message: string;
+        };
+    } | undefined;
+    submit: () => Promise<{
+        isFormError: boolean;
+        isSuccess: boolean;
+    }>;
+}
+export {};

package/build/models/ui/validator/form/ikas-address.js

@@ -0,0 +1 @@
+import{__awaiter as t,__generator as e}from'./../../../../ext/tslib/tslib.es6.js';import{makeObservable as i,observable as s,computed as r,action as n}from"mobx";import d from"lodash/cloneDeep";import{listCheckoutSettings as a,listCountry as o,listState as u,listCity as c,listDistrict as l}from"@ikas/storefront-api";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{IkasBaseStore as h}from"../../../../store/base.js";import"../../../../store/customer/index.js";import"../../../../store/cart/index.js";import"../../../data/blog/category/index.js";import"../../../data/blog/content/index.js";import"../../../data/blog/meta-data/index.js";import"../../../data/blog/tag/index.js";import"../../../data/blog/index.js";import"../../../data/brand/index.js";import"@ikas/storefront-models";import"../../../data/campaign-offer/index.js";import"../../../data/cart/campaign-offer/index.js";import"../../../data/cart/index.js";import"../../../data/category/path-item/index.js";import"../../../data/category/index.js";import"../../../data/checkout/index.js";import"../../../data/checkout-settings/index.js";import"../../../data/city/index.js";import"../../../data/country/index.js";import"../../../data/customer/address/index.js";import{IkasLocalizedCustomerAddress as p}from"../../../data/customer/address/ikas-localized-customer-address.js";import"../../../data/customer/attribute/index.js";import"../../../data/customer/review/summary/index.js";import"../../../data/customer/review/index.js";import"../../../data/customer/index.js";import"../../../data/district/index.js";import"../../../data/favorite-product/index.js";import"../../../data/filter-category/index.js";import"../../../data/html-meta-data/index.js";import"../../../data/image/index.js";import"../../../data/order/address/index.js";import"../../../data/order/line-item/option/value/index.js";import"../../../data/order/line-item/variant/value/index.js";import"../../../data/order/line-item/variant/index.js";import"../../../data/order/line-item/index.js";import"../../../data/order/package/index.js";import"../../../data/order/transaction/index.js";import"../../../data/order/index.js";import"../../../data/payment-gateway/index.js";import"../../../data/product/attribute-value/index.js";import"../../../data/product/filter/index.js";import"../../../data/product/option-set/option/index.js";import"../../../data/product/option-set/index.js";import"../../../data/product/stock-location/index.js";import"../../../data/product/variant/price/index.js";import"../../../data/product/variant/index.js";import"../../../data/variant-type/index.js";import"../../../data/product/index.js";import"../../../data/raffle/index.js";import"../../../data/state/index.js";import"../../../data/theme-json/index.js";import"../../../data/theme-json/custom-data/index.js";import"../../../data/variant-type/variant-value/index.js";import{AddressFormItem as f,LocalizedAddressModel as g}from"@ikas/localized-address";import v from"lodash/mapValues";import y from"../../../../store/location/index.js";var b=function(t){return t.sort((function(t,e){return t.label.localeCompare(e.label)}))},j=function(t){return{label:t.name,value:t.id+""}},x=function(){function x(f){var v=this;this.countries=[],this.states=[],this.cities=[],this.districts=[],this.isLoaded=!1,this.isFormSubmit=!1,this._isCountriesPending=!0,this._isStatesPending=!1,this._isCitiesPending=!1,this._isDistrictsPending=!1,this.init=function(){return t(v,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return[4,a({})];case 1:return(t=e.sent()).isSuccess&&(null===(i=t.data)||void 0===i?void 0:i.length)&&(this.address.checkoutSettings=t.data[0]),this.address.countrySettings=new g({currentLocale:m.getCurrentLocale()}),[4,this.address.countrySettings.waitUntilInitialized()];case 2:return e.sent(),this.isLoaded=!0,[2]}}))}))},this.onTitleChange=function(t){v.address.title=t},this.onFirstNameChange=function(t){v.address.firstName=t},this.onLastNameChange=function(t){v.address.lastName=t},this.onIdentityNumberChange=function(t){v.address.identityNumber=t},this.onPhoneChange=function(t){v.address.phone=t},this.onAddressLine1Change=function(t){v.address.addressLine1=t},this.onAddressLine2Change=function(t){v.address.addressLine2=t},this.onAddressPostalCodeChange=function(t){v.address.postalCode=t},this.onCountryChange=function(t){var e;if((null===(e=v.address.country)||void 0===e?void 0:e.id)!==t){var i=v.countries.find((function(e){return e.id===t}));v.address.country={id:(null==i?void 0:i.id)||null,name:(null==i?void 0:i.name)||"",code:(null==i?void 0:i.iso3)||null,iso2:(null==i?void 0:i.iso2)||null,iso3:(null==i?void 0:i.iso3)||null},v.address.state=null,v.address.city=null,v.address.district=null,v.states=[],v.cities=[],v.districts=[],v.listStates()}},this.onStateChange=function(t){var e;if((null===(e=v.address.state)||void 0===e?void 0:e.id)!==t){var i=v.states.find((function(e){return e.id===t}));v.address.state={id:i.id,name:null==i?void 0:i.name,code:null==i?void 0:i.stateCode},v.address.isFreeTextCity||(v.address.city=null,v.cities=[],v.listCities()),v.address.isFreeTextDistrict||(v.address.district=null,v.districts=[])}},this.onCityChange=function(t){var e;if((null===(e=v.address.city)||void 0===e?void 0:e.id)!==t){var i=v.cities.find((function(e){return e.id===t}));v.address.city={id:i.id,name:i.name,code:null},v.address.isFreeTextDistrict||(v.address.district=null,v.districts=[],v.listDistricts())}},this.onCityInputChange=function(t){v.districts=[],v.address.city={id:null,name:t,code:null}},this.onDistrictChange=function(t){var e;if((null===(e=v.address.district)||void 0===e?void 0:e.id)!==t){var i=v.districts.find((function(e){return e.id===t}));v.address.district={id:i.id,name:i.name,code:null}}},this.onDistrictInputChange=function(t){v.address.district={id:null,name:t,code:null}},this.listCountries=function(){return t(v,void 0,void 0,(function(){var t,i,s,r,n,d,a;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,5,6,7]),this._isCountriesPending=!0,[4,o({})];case 1:return t=e.sent(),i=m.getCurrentRouting(),s=t.data||[],(null===(a=null==i?void 0:i.countryCodes)||void 0===a?void 0:a.length)&&(s=s.filter((function(t){var e;return t.iso2&&(null===(e=i.countryCodes)||void 0===e?void 0:e.includes(t.iso2))}))),this.countries=s,1!==this.countries.length||this.address.country?[3,2]:(this.onCountryChange(this.countries[0].id),[3,4]);case 2:return!this.countries.length||this.address.country?[3,4]:[4,y.getMyCountry()];case 3:r=e.sent(),n=r.data,(d=this.countries.find((function(t){return t.iso2===n})))?this.onCountryChange(d.id):this.onCountryChange(this.countries[0].id),e.label=4;case 4:return this.countries=s,[3,7];case 5:return e.sent(),[3,7];case 6:return this._isCountriesPending=!1,[7];case 7:return[2]}}))}))},this.listStates=function(){return t(v,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.address.country)||void 0===i?void 0:i.id))return[2];e.label=1;case 1:return e.trys.push([1,3,4,5]),this._isStatesPending=!0,[4,u({countryId:{eq:this.address.country.id}})];case 2:return t=e.sent(),this.states=t.data||[],this.hasState||this.onStateChange(this.states[0].id),[3,5];case 3:return e.sent(),[3,5];case 4:return this._isStatesPending=!1,[7];case 5:return[2]}}))}))},this.listCities=function(){return t(v,void 0,void 0,(function(){var t,i,s,r;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.address.state)||void 0===i?void 0:i.id))return[2];e.label=1;case 1:return e.trys.push([1,3,4,5]),this._isCitiesPending=!0,[4,c({stateId:{eq:this.address.state.id},countryId:(null===(s=this.address.country)||void 0===s?void 0:s.id)?{eq:null===(r=this.address.country)||void 0===r?void 0:r.id}:void 0})];case 2:return t=e.sent(),this.cities=t.data||[],[3,5];case 3:return e.sent(),[3,5];case 4:return this._isCitiesPending=!1,[7];case 5:return[2]}}))}))},this.listDistricts=function(){return t(v,void 0,void 0,(function(){var t,i,s,r;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.address.city)||void 0===i?void 0:i.id))return[2];e.label=1;case 1:return e.trys.push([1,3,4,5]),this._isDistrictsPending=!0,[4,l({cityId:{eq:this.address.city.id},stateId:(null===(s=this.address.state)||void 0===s?void 0:s.id)?{eq:null===(r=this.address.state)||void 0===r?void 0:r.id}:void 0})];case 2:return t=e.sent(),this.districts=t.data||[],[3,5];case 3:return e.sent(),[3,5];case 4:return this._isDistrictsPending=!1,[7];case 5:return[2]}}))}))},this.submit=function(){return t(v,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:if(t={isFormError:!1,isSuccess:!1},this.isFormSubmit=!0,!this.address.isValidAddress)return t.isFormError=!0,[2,t];if(!(i=d(h.getInstance().customerStore.customer))||!this.address)return[2,t];(null==i?void 0:i.addresses)||(i.addresses=[]),this.isEdit?i.addresses[this.editingAddressIndex]=this.address:i.addresses.push(this.address),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,h.getInstance().customerStore.saveCustomer(i)];case 2:return e.sent()&&(t.isSuccess=!0),[2,t];case 3:return e.sent(),[2,t];case 4:return[2]}}))}))},i(this,{isLoaded:s,isEdit:r,editingAddressIndex:r,isFreeTextCity:r,isFreeTextDistrict:r,countries:s,states:s,cities:s,districts:s,_isCountriesPending:s,_isStatesPending:s,_isCitiesPending:s,_isDistrictsPending:s,isCountriesPending:r,isStatesPending:r,isCitiesPending:r,isDistrictsPending:r,onCountryChange:n,submit:n}),this.address=f.address||new p({addressLine1:"",addressLine2:null,attributes:null,company:null,firstName:"",identityNumber:null,isDefault:null,lastName:"",phone:null,postalCode:null,taxNumber:null,taxOffice:null,title:"",country:null,state:null,city:null,district:null,id:"",createdAt:0,updatedAt:0}),this.message=f.message,this.listCountries(),this.address.state&&this.listStates(),this.address.country&&this.listCities(),this.address.city&&this.listDistricts(),this.init()}return Object.defineProperty(x.prototype,"isFreeTextCity",{get:function(){return this.address.isFreeTextCity},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isFreeTextDistrict",{get:function(){return this.address.isFreeTextDistrict},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isEdit",{get:function(){return-1!==this.editingAddressIndex},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"editingAddressIndex",{get:function(){var t,e,i,s=this;return null!==(i=null===(e=null===(t=h.getInstance().customerStore.customer)||void 0===t?void 0:t.addresses)||void 0===e?void 0:e.findIndex((function(t){return t.id===s.address.id})))&&void 0!==i?i:-1},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"countryOptions",{get:function(){var t=this.countries.map(j);return b(t)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"stateOptions",{get:function(){var t=this.states.map(j);return b(t)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"cityOptions",{get:function(){var t=this.cities.map(j);return b(t)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"districtOptions",{get:function(){var t=this.districts.map(j);return b(t)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"hasState",{get:function(){return this.states.length>1},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isCountriesPending",{get:function(){return this._isCountriesPending},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isStatesPending",{get:function(){return this.isCountriesPending||this._isStatesPending},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isCitiesPending",{get:function(){return this.isStatesPending||this._isCitiesPending},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isDistrictsPending",{get:function(){return this.isCitiesPending||this._isDistrictsPending},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"fieldSettings",{get:function(){return this.address.fieldSettings},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"fieldLabels",{get:function(){return this.address.fieldLabels},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"addressFormat",{get:function(){return this.countryOptions.length<=1?this.address.addressFormatIgnoreCountry:this.address.addressFormat},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"validationResult",{get:function(){var t=this;if(this.address.validationResults)return v(this.address.validationResults,(function(e,i){return{hasError:t.isFormSubmit&&e.hasError,message:t.isFormSubmit&&e.hasError?i===f.PHONE?t.message.phoneRule?"string"==typeof t.message.phoneRule?t.message.phoneRule:t.message.phoneRule(t.address):"":e.isInvalid?"string"==typeof t.message.invalidRule?t.message.invalidRule:t.message.invalidRule(t.address):"string"==typeof t.message.requiredRule?t.message.requiredRule:t.message.requiredRule(t.address):""}}))},enumerable:!1,configurable:!0}),x}();export{x as IkasAddressForm};

package/build/models/ui/validator/form/login.d.ts

@@ -0,0 +1,32 @@
+declare type LoginFormProps<T> = {
+    message: {
+        requiredRule: ((model: T) => string) | string;
+        emailRule: ((model: T) => string) | string;
+        minRule: ((model: T) => string) | string;
+    };
+};
+declare type LoginFormModel = {
+    email: string;
+    password: string;
+};
+export declare class LoginForm {
+    private model;
+    private validator;
+    constructor(props: LoginFormProps<LoginFormModel>);
+    get hasError(): boolean;
+    get email(): string;
+    set email(value: string);
+    get password(): string;
+    set password(value: string);
+    get emailErrorMessage(): string | undefined;
+    get passwordErrorMessage(): string | undefined;
+    get redirect(): string | null | undefined;
+    onEmailChange: (value: string) => void;
+    onPasswordChange: (value: string) => void;
+    validateAll(): Promise<boolean>;
+    login(): Promise<{
+        isFormError: boolean;
+        isSuccess: boolean;
+    }>;
+}
+export {};

package/build/models/ui/validator/form/login.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import{makeObservable as t,computed as s,observable as o,action as i}from"mobx";import{Validator as a}from"../index.js";import{IkasBaseStore as n}from"../../../../store/base.js";import"../../../../store/customer/index.js";import"../../../../store/cart/index.js";import{RequiredRule as l,EmailRule as u,MinRule as d}from"../rules/index.js";var m=function(){function m(e){var r=this;this.model={email:"",password:""},this.onEmailChange=function(e){r.email=e},this.onPasswordChange=function(e){r.password=e},t(this,{emailErrorMessage:s,passwordErrorMessage:s,hasError:s,redirect:s,email:s,password:s,model:o,validateAll:i,login:i}),this.validator=new a(this.model,[new l({fieldKey:"email",valuePath:"email",message:e.message.requiredRule}),new l({fieldKey:"password",valuePath:"password",message:e.message.requiredRule}),new u({fieldKey:"email",valuePath:"email",message:e.message.emailRule}),new d({fieldKey:"password",valuePath:"password",minValue:6,message:e.message.minRule})])}return Object.defineProperty(m.prototype,"hasError",{get:function(){return this.validator.hasError},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"email",{get:function(){return this.model.email},set:function(e){this.model.email=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"password",{get:function(){return this.model.password},set:function(e){this.model.password=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"emailErrorMessage",{get:function(){return this.validator.results.email.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"passwordErrorMessage",{get:function(){return this.validator.results.password.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"redirect",{get:function(){if("undefined"!=typeof window)return new URLSearchParams(window.location.search).get("redirect")},enumerable:!1,configurable:!0}),m.prototype.validateAll=function(){return this.validator.validateAll()},m.prototype.login=function(){return e(this,void 0,void 0,(function(){var e;return r(this,(function(r){switch(r.label){case 0:return e={isFormError:!1,isSuccess:!1},[4,this.validateAll()];case 1:if(r.sent())return e.isFormError=!0,[2,e];r.label=2;case 2:return r.trys.push([2,4,,5]),[4,n.getInstance().customerStore.login(this.model.email,this.model.password)];case 3:return r.sent()&&(e.isSuccess=!0),[2,e];case 4:return r.sent(),[2,e];case 5:return[2]}}))}))},m}();export{m as LoginForm};

package/build/models/ui/validator/form/raffle-form.d.ts

@@ -0,0 +1,62 @@
+import { GraphQLError } from "graphql";
+import { IkasRaffle } from "../../../data";
+declare type RaffleFormProps<T> = {
+    message: {
+        requiredRule: ((model: T) => string) | string;
+        emailRule: ((model: T) => string) | string;
+        phoneRule?: ((model: T) => string) | string;
+        birthdayRule?: ((model: T) => string) | string;
+        identityNumberRule?: ((model: T) => string) | string;
+    };
+    raffle: IkasRaffle;
+};
+declare type RaffleFormModel = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    extraData: {
+        birthYear: number | null;
+        identityNumber: number | null;
+    };
+    phone: string;
+};
+export declare class RaffleForm {
+    private model;
+    private validator;
+    private raffle;
+    constructor(props: RaffleFormProps<RaffleFormModel>);
+    get firstName(): string;
+    set firstName(value: string);
+    get lastName(): string;
+    set lastName(value: string);
+    get email(): string;
+    set email(value: string);
+    get birthYear(): number | null;
+    set birthYear(value: number | null);
+    get identityNumber(): number | null;
+    set identityNumber(value: number | null);
+    get phone(): string;
+    set phone(value: string);
+    get firstNameErrorMessage(): string | undefined;
+    get lastNameErrorMessage(): string | undefined;
+    get emailErrorMessage(): string | undefined;
+    get birthYearErrorMessage(): string | undefined;
+    get identityNumberErrorMessage(): string | undefined;
+    get phoneErrorMessage(): string | undefined;
+    get redirect(): string | null | undefined;
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onEmailChange: (value: string) => void;
+    onBirthYearChange: (value: number) => void;
+    onIdentityNumberChange: (value: number) => void;
+    onPhoneChange: (value: string) => void;
+    get hasValidatorError(): boolean;
+    get results(): import("..").ValidationResults;
+    validateAll(): Promise<boolean>;
+    submit(): Promise<{
+        isFormError: boolean;
+        isSuccess: boolean;
+        errors?: readonly GraphQLError[] | undefined;
+    }>;
+}
+export {};

package/build/models/ui/validator/form/raffle-form.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import{saveRaffleParticipant as r}from"@ikas/storefront-api";import{makeObservable as a,computed as i,observable as s,action as o}from"mobx";import{Validator as n}from"../index.js";import{IkasBaseStore as l}from"../../../../store/base.js";import"../../../../store/customer/index.js";import"../../../../store/cart/index.js";import{RequiredRule as u,EmailRule as m,PhoneRule as d,MinRule as f,MaxRule as h,IdentityNumberRule as c}from"../rules/index.js";var b=function(){function b(e){var t,r,b,p=this;this.model={firstName:(null===(t=l.getInstance().customerStore.customer)||void 0===t?void 0:t.firstName)||"",lastName:(null===(r=l.getInstance().customerStore.customer)||void 0===r?void 0:r.lastName)||"",email:(null===(b=l.getInstance().customerStore.customer)||void 0===b?void 0:b.email)||"",extraData:{birthYear:null,identityNumber:null},phone:""},this.onFirstNameChange=function(e){p.firstName=e},this.onLastNameChange=function(e){p.lastName=e},this.onEmailChange=function(e){p.email=e},this.onBirthYearChange=function(e){p.birthYear=e},this.onIdentityNumberChange=function(e){p.identityNumber=e},this.onPhoneChange=function(e){p.phone=e},a(this,{emailErrorMessage:i,firstNameErrorMessage:i,lastNameErrorMessage:i,birthYearErrorMessage:i,identityNumberErrorMessage:i,hasValidatorError:i,results:i,redirect:i,model:s,validateAll:o}),this.raffle=e.raffle,this.validator=new n(this.model,[new u({fieldKey:"firstName",valuePath:"firstName",message:e.message.requiredRule}),new u({fieldKey:"lastName",valuePath:"lastName",message:e.message.requiredRule}),new u({fieldKey:"email",valuePath:"email",message:e.message.requiredRule}),new u({fieldKey:"birthYear",valuePath:"extraData.birthYear",message:e.message.requiredRule}),new u({fieldKey:"identityNumber",valuePath:"extraData.identityNumber",message:e.message.requiredRule}),new m({fieldKey:"email",valuePath:"email",message:e.message.emailRule}),new d({fieldKey:"phone",valuePath:"phone",message:e.message.phoneRule}),new f({fieldKey:"birthYear",valuePath:"extraData.birthYear",message:e.message.birthdayRule,minValue:1e3}),new h({fieldKey:"birthYear",valuePath:"extraData.birthYear",message:e.message.birthdayRule,maxValue:9999}),new c({fieldKey:"identityNumber",valuePath:"extraData.identityNumber",message:e.message.identityNumberRule})])}return Object.defineProperty(b.prototype,"firstName",{get:function(){return this.model.firstName},set:function(e){this.model.firstName=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"lastName",{get:function(){return this.model.lastName},set:function(e){this.model.lastName=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"email",{get:function(){return this.model.email},set:function(e){this.model.email=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"birthYear",{get:function(){return this.model.extraData.birthYear},set:function(e){this.model.extraData.birthYear=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"identityNumber",{get:function(){return this.model.extraData.identityNumber},set:function(e){this.model.extraData.identityNumber=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"phone",{get:function(){return this.model.phone},set:function(e){this.model.phone=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"firstNameErrorMessage",{get:function(){return this.validator.results.firstName.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"lastNameErrorMessage",{get:function(){return this.validator.results.lastName.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"emailErrorMessage",{get:function(){return this.validator.results.email.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"birthYearErrorMessage",{get:function(){return this.validator.results.birthYear.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"identityNumberErrorMessage",{get:function(){return this.validator.results.identityNumber.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"phoneErrorMessage",{get:function(){return this.validator.results.phone.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"redirect",{get:function(){if("undefined"!=typeof window)return new URLSearchParams(window.location.search).get("redirect")},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"hasValidatorError",{get:function(){var e;return this.validator.hasError||!(null===(e=this.raffle.variants)||void 0===e?void 0:e.length)},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"results",{get:function(){return this.validator.results},enumerable:!1,configurable:!0}),b.prototype.validateAll=function(){return this.validator.validateAll()},b.prototype.submit=function(){return e(this,void 0,void 0,(function(){var e,a,i,s;return t(this,(function(t){switch(t.label){case 0:return e={isFormError:!1,isSuccess:!1},[4,this.validateAll()];case 1:if(t.sent())return e.isFormError=!0,[2,e];t.label=2;case 2:return t.trys.push([2,4,,5]),a=this.raffle.products[0].selectedVariant,[4,r({input:{appliedProduct:{productId:a.productId,variantId:a.id},email:this.email,firstName:this.firstName,lastName:this.lastName,raffleId:this.raffle.id,extraData:{birthYear:this.birthYear,identityNumber:this.identityNumber},phone:this.phone}})];case 3:return(null==(i=t.sent())?void 0:i.graphQLErrors)&&(e.errors=i.graphQLErrors,e.isSuccess=!1),i.data&&(e.isSuccess=!0),[2,e];case 4:return(s=t.sent())&&(e.errors=s),[2,e];case 5:return[2]}}))}))},b}();export{b as RaffleForm};

package/build/models/ui/validator/form/recover-password.d.ts

@@ -0,0 +1,33 @@
+declare type RecoverPasswordFormProps<T> = {
+    message: {
+        requiredRule: ((model: T) => string) | string;
+        minRule: ((model: T) => string) | string;
+        equalsRule: ((model: T) => string) | string;
+    };
+};
+declare type RecoverPasswordFormModel = {
+    password: string;
+    passwordAgain: string;
+};
+export declare class RecoverPasswordForm {
+    private model;
+    private validator;
+    constructor(props: RecoverPasswordFormProps<RecoverPasswordFormModel>);
+    resetModel(): void;
+    get password(): string;
+    set password(value: string);
+    get passwordAgain(): string;
+    set passwordAgain(value: string);
+    get hasError(): boolean;
+    get passwordErrorMessage(): string | undefined;
+    get passwordAgainErrorMessage(): string | undefined;
+    get redirect(): string | null | undefined;
+    onPasswordChange: (value: string) => void;
+    onPasswordAgainChange: (value: string) => void;
+    validateAll(): Promise<boolean>;
+    submit(): Promise<{
+        isFormError: boolean;
+        isSuccess: boolean;
+    }>;
+}
+export {};

package/build/models/ui/validator/form/recover-password.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import{makeObservable as s,computed as o,observable as t,action as a}from"mobx";import{Validator as i}from"../index.js";import{IkasBaseStore as n}from"../../../../store/base.js";import"../../../../store/customer/index.js";import"../../../../store/cart/index.js";import{RequiredRule as d,MinRule as u,EqualsRule as l}from"../rules/index.js";var p=function(){function p(e){var r=this;this.model={password:"",passwordAgain:""},this.onPasswordChange=function(e){r.password=e},this.onPasswordAgainChange=function(e){r.passwordAgain=e},s(this,{passwordErrorMessage:o,passwordAgainErrorMessage:o,hasError:o,redirect:o,password:o,passwordAgain:o,model:t,validateAll:a,submit:a,resetModel:a}),this.validator=new i(this.model,[new d({fieldKey:"password",valuePath:"password",message:e.message.requiredRule}),new d({fieldKey:"passwordAgain",valuePath:"passwordAgain",message:e.message.requiredRule}),new u({fieldKey:"password",valuePath:"password",minValue:6,message:e.message.minRule}),new u({fieldKey:"passwordAgain",valuePath:"passwordAgain",minValue:6,message:e.message.minRule}),new l({fieldKey:"passwordAgain",valuePath:"passwordAgain",equalsValuePath:"password",message:e.message.equalsRule})])}return p.prototype.resetModel=function(){this.model.password="",this.model.passwordAgain=""},Object.defineProperty(p.prototype,"password",{get:function(){return this.model.password},set:function(e){this.model.password=e},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"passwordAgain",{get:function(){return this.model.passwordAgain},set:function(e){this.model.passwordAgain=e},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"hasError",{get:function(){return this.validator.hasError},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"passwordErrorMessage",{get:function(){return this.validator.results.password.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"passwordAgainErrorMessage",{get:function(){return this.validator.results.passwordAgain.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"redirect",{get:function(){if("undefined"!=typeof window)return new URLSearchParams(window.location.search).get("redirect")},enumerable:!1,configurable:!0}),p.prototype.validateAll=function(){return this.validator.validateAll()},p.prototype.submit=function(){return e(this,void 0,void 0,(function(){var e,s,o;return r(this,(function(r){switch(r.label){case 0:return e="",s={isFormError:!1,isSuccess:!1},[4,this.validateAll()];case 1:if(r.sent())return s.isFormError=!0,[2,s];"undefined"!=typeof window&&(o=new URLSearchParams(window.location.search),e=o.get("token")||""),r.label=2;case 2:return r.trys.push([2,4,,5]),[4,n.getInstance().customerStore.recoverPassword(this.model.password,this.model.passwordAgain,e)];case 3:return r.sent()&&(s.isSuccess=!0),[2,s];case 4:return r.sent(),[2,s];case 5:return[2]}}))}))},p}();export{p as RecoverPasswordForm};

package/build/models/ui/validator/form/register.d.ts

@@ -0,0 +1,82 @@
+import { EmailRule, MinRule, PhoneRule, RequiredRule } from "../rules";
+import { IkasCustomerAttribute, IkasCustomerAttributeValue } from "../../../data";
+declare type RegisterFormPropsValidatorMessage<T> = {
+    requiredRule: ((model: T) => string) | string;
+    emailRule: ((model: T) => string) | string;
+    minRule: ((model: T) => string) | string;
+    phoneRule?: ((model: T) => string) | string;
+};
+declare type RegisterFormProps<T> = {
+    message: RegisterFormPropsValidatorMessage<T>;
+};
+declare type RegisterFormModel = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    password: string;
+    attributes?: IkasCustomerAttributeValue[];
+    isMarketingAccepted?: boolean;
+    phone?: string | null;
+};
+declare type AttributeValue = {
+    isChecked?: boolean;
+    value?: string;
+    selectedIdList?: string[];
+};
+export declare type RegisterFormCustomerAttribute = {
+    attribute: IkasCustomerAttribute;
+    attributeValue: AttributeValue;
+    validator: {
+        isRequired: boolean | undefined;
+        hasError: boolean | undefined;
+        message: string | undefined;
+    };
+};
+export declare class RegisterForm {
+    private model;
+    private validator;
+    private message;
+    private isFormSubmit;
+    private _customerAttributes;
+    constructor(props: RegisterFormProps<RegisterFormModel>);
+    validatorRules: (includePhoneRule?: boolean) => (RequiredRule<RegisterFormModel> | EmailRule<RegisterFormModel> | MinRule<RegisterFormModel> | PhoneRule<RegisterFormModel>)[];
+    get firstName(): string;
+    set firstName(value: string);
+    get lastName(): string;
+    set lastName(value: string);
+    get email(): string;
+    set email(value: string);
+    get password(): string;
+    set password(value: string);
+    get isMarketingAccepted(): boolean | undefined;
+    set isMarketingAccepted(value: boolean | undefined);
+    get phone(): string | null | undefined;
+    set phone(value: string | null | undefined);
+    get hasError(): boolean;
+    get firstNameErrorMessage(): string | undefined;
+    get lastNameErrorMessage(): string | undefined;
+    get emailErrorMessage(): string | undefined;
+    get passwordErrorMessage(): string | undefined;
+    get phoneErrorMessage(): string | undefined;
+    get attributes(): IkasCustomerAttributeValue[] | undefined;
+    set attributes(attributes: IkasCustomerAttributeValue[] | undefined);
+    get redirect(): string | null | undefined;
+    get customerAttributes(): RegisterFormCustomerAttribute[] | undefined;
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onEmailChange: (value: string) => void;
+    onPasswordChange: (value: string) => void;
+    onPhoneChange: (value: string) => void;
+    setCustomerAttributes: (customerAttributes: IkasCustomerAttribute[]) => void;
+    private getAttributeValue;
+    onAttributeChange: (attributeId: string, value: boolean | string | string[]) => void;
+    private get formattedAttributesInput();
+    private validateCustomerAttribute;
+    validateAll(): Promise<boolean | undefined>;
+    register(): Promise<{
+        isSuccess: boolean;
+        errorCodes: import("@ikas/storefront-api").IkasRegisterError[];
+        isFormError: boolean;
+    }>;
+}
+export {};

package/build/models/ui/validator/form/register.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t,__spreadArray as r,__assign as i}from'./../../../../ext/tslib/tslib.es6.js';import{makeObservable as a,computed as o,observable as s,action as n}from"mobx";import{Validator as u}from"../index.js";import{IkasBaseStore as d}from"../../../../store/base.js";import"../../../../store/customer/index.js";import"../../../../store/cart/index.js";import{PhoneRule as l,RequiredRule as m,EmailRule as p,MinRule as c}from"../rules/index.js";import"../../../data/blog/category/index.js";import"../../../data/blog/content/index.js";import"../../../data/blog/meta-data/index.js";import"../../../data/blog/tag/index.js";import"../../../data/blog/index.js";import"../../../data/brand/index.js";import{IkasCustomerAttributeType as f,IkasCustomerAttributeRegisterPageRequirement as b}from"@ikas/storefront-models";import"../../../data/campaign-offer/index.js";import"../../../data/cart/campaign-offer/index.js";import"../../../data/cart/index.js";import"../../../data/category/path-item/index.js";import"../../../data/category/index.js";import"../../../data/checkout/index.js";import"../../../data/checkout-settings/index.js";import"../../../data/city/index.js";import"../../../data/country/index.js";import"../../../data/customer/address/index.js";import"../../../data/customer/address/ikas-localized-customer-address.js";import"../../../data/customer/attribute/index.js";import"../../../data/customer/review/summary/index.js";import"../../../data/customer/review/index.js";import"../../../data/customer/index.js";import"../../../data/district/index.js";import"../../../data/favorite-product/index.js";import"../../../data/filter-category/index.js";import"../../../data/html-meta-data/index.js";import"../../../data/image/index.js";import"../../../data/order/address/index.js";import"../../../data/order/line-item/option/value/index.js";import"../../../data/order/line-item/variant/value/index.js";import"../../../data/order/line-item/variant/index.js";import"../../../data/order/line-item/index.js";import"../../../data/order/package/index.js";import"../../../data/order/transaction/index.js";import"../../../data/order/index.js";import"../../../data/payment-gateway/index.js";import"../../../data/product/attribute-value/index.js";import"../../../data/product/filter/index.js";import"../../../data/product/option-set/option/index.js";import"../../../data/product/option-set/index.js";import"../../../data/product/stock-location/index.js";import"../../../data/product/variant/price/index.js";import"../../../data/product/variant/index.js";import"../../../data/variant-type/index.js";import"../../../data/product/index.js";import"../../../data/raffle/index.js";import"../../../data/state/index.js";import"../../../data/theme-json/index.js";import"../../../data/theme-json/custom-data/index.js";import"../../../data/variant-type/variant-value/index.js";import"@ikas/localized-address";var h=function(){function h(e){var t=this;this.model={firstName:"",lastName:"",email:"",password:"",attributes:void 0,isMarketingAccepted:!1,phone:null},this.isFormSubmit=!1,this._customerAttributes=void 0,this.validatorRules=function(e){return void 0===e&&(e=!1),r([new m({fieldKey:"firstName",valuePath:"firstName",message:t.message.requiredRule}),new m({fieldKey:"lastName",valuePath:"lastName",message:t.message.requiredRule}),new m({fieldKey:"email",valuePath:"email",message:t.message.requiredRule}),new m({fieldKey:"password",valuePath:"password",message:t.message.requiredRule}),new p({fieldKey:"email",valuePath:"email",message:t.message.emailRule}),new c({fieldKey:"password",valuePath:"password",minValue:6,message:t.message.minRule})],e?[new l({fieldKey:"phone",valuePath:"phone",message:t.message.phoneRule})]:[],!0)},this.onFirstNameChange=function(e){t.firstName=e},this.onLastNameChange=function(e){t.lastName=e},this.onEmailChange=function(e){t.email=e},this.onPasswordChange=function(e){t.password=e},this.onPhoneChange=function(e){t.phone=e},this.setCustomerAttributes=function(e){t._customerAttributes=(null==e?void 0:e.filter((function(e){return e.registerPageRequirement!==b.INVISIBLE})).map((function(e){return{attribute:e,attributeValue:{isChecked:void 0,value:void 0,selectedIdList:void 0},validator:{isRequired:e.registerPageRequirement===b.MANDATORY,hasError:!1,message:""}}})))||[]},this.onAttributeChange=function(e,r){var i;if(t._customerAttributes){var a=t._customerAttributes.find((function(t){return t.attribute.id===e}));if(a){var o=null===(i=t._customerAttributes)||void 0===i?void 0:i.findIndex((function(t){return t.attribute.id===e}));void 0!==o&&-1!==o&&(t._customerAttributes[o].attributeValue=t.getAttributeValue(a.attribute,r),t.validateCustomerAttribute())}}},a(this,{emailErrorMessage:o,passwordErrorMessage:o,firstNameErrorMessage:o,lastNameErrorMessage:o,phoneErrorMessage:o,hasError:o,redirect:o,model:s,validateAll:n,register:n,customerAttributes:o,_customerAttributes:s}),this.message=e.message,this.validator=new u(this.model,this.validatorRules())}return Object.defineProperty(h.prototype,"firstName",{get:function(){return this.model.firstName},set:function(e){this.model.firstName=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"lastName",{get:function(){return this.model.lastName},set:function(e){this.model.lastName=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"email",{get:function(){return this.model.email},set:function(e){this.model.email=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"password",{get:function(){return this.model.password},set:function(e){this.model.password=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isMarketingAccepted",{get:function(){return this.model.isMarketingAccepted},set:function(e){this.model.isMarketingAccepted=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"phone",{get:function(){return this.model.phone},set:function(e){this.model.phone=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"hasError",{get:function(){return this.validator.hasError},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"firstNameErrorMessage",{get:function(){return this.validator.results.firstName.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"lastNameErrorMessage",{get:function(){return this.validator.results.lastName.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"emailErrorMessage",{get:function(){return this.validator.results.email.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"passwordErrorMessage",{get:function(){return this.validator.results.password.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"phoneErrorMessage",{get:function(){var e;return null===(e=this.validator.results.phone)||void 0===e?void 0:e.errorMessage},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"attributes",{get:function(){return this.model.attributes},set:function(e){this.model.attributes=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"redirect",{get:function(){if("undefined"!=typeof window)return new URLSearchParams(window.location.search).get("redirect")},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"customerAttributes",{get:function(){return this._customerAttributes},enumerable:!1,configurable:!0}),h.prototype.getAttributeValue=function(e,t){var r={isChecked:void 0,value:void 0,selectedIdList:void 0};if("string"!=typeof t||e.type!==f.TEXT&&e.type!==f.DATETIME&&e.type!==f.CHOICE||(r.value=t),"string"==typeof t&&e.type===f.NUMERIC){var i=parseInt(t);isNaN(i)?r.value=r.value||"":r.value=t}return"boolean"==typeof t&&e.type===f.BOOLEAN&&(r.isChecked=t),"object"==typeof t&&e.type===f.MULTIPLE_CHOICE&&(r.selectedIdList=t),r},Object.defineProperty(h.prototype,"formattedAttributesInput",{get:function(){if(!this._customerAttributes)return null;if(!this._customerAttributes.some((function(e){return void 0!==e.attributeValue.value||void 0!==e.attributeValue.isChecked||void 0!==e.attributeValue.selectedIdList})))return null;var e=[];return this._customerAttributes.map((function(t){var r=t.attributeValue,i=r.selectedIdList,a=r.isChecked,o=r.value;void 0!==i&&f.MULTIPLE_CHOICE&&i.map((function(r){e.push({customerAttributeId:t.attribute.id,customerAttributeOptionId:r,value:null})})),t.attribute.type===f.BOOLEAN&&e.push({customerAttributeId:t.attribute.id,customerAttributeOptionId:null,value:a?a.toString():"false"}),void 0!==o&&(t.attribute.type!==f.TEXT&&t.attribute.type!==f.NUMERIC||e.push({customerAttributeId:t.attribute.id,customerAttributeOptionId:null,value:o.toString()}),t.attribute.type===f.CHOICE&&e.push({customerAttributeId:t.attribute.id,customerAttributeOptionId:o,value:null}),t.attribute.type===f.DATETIME&&e.push({customerAttributeId:t.attribute.id,customerAttributeOptionId:null,value:new Date(o).getTime().toString()}))})),e},enumerable:!1,configurable:!0}),h.prototype.validateCustomerAttribute=function(){var e,t=this;this._customerAttributes=null===(e=this._customerAttributes)||void 0===e?void 0:e.map((function(e){var r;return e.validator.isRequired&&t.isFormSubmit&&(e.attribute.type===f.BOOLEAN||e.attributeValue.value||(null===(r=e.attributeValue.selectedIdList)||void 0===r?void 0:r.length)?(e.validator.hasError=!1,e.validator.message=""):(e.validator.hasError=!0,e.validator.message="string"==typeof t.message.requiredRule?t.message.requiredRule:t.message.requiredRule(t.model))),e}))},h.prototype.validateAll=function(){var r;return e(this,void 0,void 0,(function(){var e,i;return t(this,(function(t){switch(t.label){case 0:return this.validateCustomerAttribute(),[4,this.validator.validateAll()];case 1:return e=t.sent(),i=null===(r=this._customerAttributes)||void 0===r?void 0:r.some((function(e){return e.validator.hasError})),[2,e||i]}}))}))},h.prototype.register=function(){return e(this,void 0,void 0,(function(){var e,r;return t(this,(function(t){switch(t.label){case 0:return this.isFormSubmit=!0,e={isFormError:!1,isSuccess:!1,errorCodes:[]},this.phone&&this.validator.setRules(this.validatorRules(!0)),[4,this.validateAll()];case 1:if(t.sent())return e.isFormError=!0,[2,e];t.label=2;case 2:return t.trys.push([2,4,,5]),[4,d.getInstance().customerStore.register(this.model.firstName,this.model.lastName,this.model.email,this.model.password,this.model.isMarketingAccepted,this.model.attributes||this.formattedAttributesInput||void 0,this.model.phone)];case 3:return r=t.sent(),[2,i(i({},e),r)];case 4:return t.sent(),[2,e];case 5:return[2]}}))}))},h}();export{h as RegisterForm};

package/build/models/ui/validator/index.d.ts

@@ -0,0 +1,27 @@
+import { ValidatorErrorType, ValidationRule } from "./rules";
+export declare type ValidationResults = {
+    [fieldKey: string]: ValidationResult;
+};
+export declare type ValidationStatus = "success" | "warning" | "error" | "validating";
+export declare class Validator<T = any> {
+    model: T;
+    rules: ValidationRule[];
+    results: ValidationResults;
+    constructor(model: T, rules: ValidationRule[]);
+    get hasError(): boolean;
+    onValueChange: (validationRule: ValidationRule) => void;
+    setRules(rules: ValidationRule[]): void;
+    validateAll(): Promise<boolean>;
+    validateFieldRules(fieldKey: string): Promise<void>;
+    private runRules;
+}
+declare class ValidationResult {
+    fieldKey: string;
+    status?: ValidationStatus;
+    messages: string[];
+    errorTypes: ValidatorErrorType[];
+    constructor(fieldKey: string, status?: ValidationStatus, messages?: string[], errorTypes?: ValidatorErrorType[]);
+    get errorMessage(): string | undefined;
+    get errorType(): ValidatorErrorType | undefined;
+}
+export {};

package/build/models/ui/validator/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as r}from'./../../../ext/tslib/tslib.es6.js';import{makeAutoObservable as t}from"mobx";import s from"lodash/groupBy";var n=function(){function n(e,r){var s=this;this.results={},this.onValueChange=function(e){var r=s.results[e.fieldKey];r&&"error"===r.status&&s.runRules(e.fieldKey,[e])},this.model=e,this.rules=[],this.setRules(r),t(this,{model:!1})}return Object.defineProperty(n.prototype,"hasError",{get:function(){return Object.values(this.results).some((function(e){return"error"===e.status}))},enumerable:!1,configurable:!0}),n.prototype.setRules=function(e){var r=this;this.rules.forEach((function(e){return e.disposer&&e.disposer()})),this.rules=e,this.rules.forEach((function(e){r.results[e.fieldKey]=new i(e.fieldKey),e.model=r.model,e.onValueChange=r.onValueChange}));var t=[];Object.keys(this.results).forEach((function(e){r.rules.some((function(r){return r.fieldKey===e}))||t.push(e)})),t.forEach((function(e){delete r.results[e]}))},n.prototype.validateAll=function(){return e(this,void 0,void 0,(function(){var e,t,n,i,o;return r(this,(function(r){switch(r.label){case 0:e=s(this.rules,"fieldKey"),t=Object.keys(e),n=0,r.label=1;case 1:return n<t.length?(i=t[n],o=e[i],[4,this.runRules(i,o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return n++,[3,1];case 4:return[2,this.hasError]}}))}))},n.prototype.validateFieldRules=function(t){return e(this,void 0,void 0,(function(){var e;return r(this,(function(r){switch(r.label){case 0:return e=this.rules.filter((function(e){return e.fieldKey===t})),[4,this.runRules(t,e)];case 1:return r.sent(),[2]}}))}))},n.prototype.runRules=function(t,s){return e(this,void 0,void 0,(function(){var e,n,i,o,u;return r(this,(function(r){switch(r.label){case 0:e=[],n=[],i=!1,o=0,r.label=1;case 1:return o<s.length?[4,(u=s[o]).run()]:[3,4];case 2:r.sent()||(i=!0,u.errorType&&e.push(u.errorType),n.push(u.errorMessage)),r.label=3;case 3:return o++,[3,1];case 4:return this.results[t]&&(this.results[t].errorTypes=e,this.results[t].messages=n,this.results[t].status=i?"error":void 0),[2]}}))}))},n}(),i=function(){function e(e,r,s,n){void 0===s&&(s=[]),void 0===n&&(n=[]),this.fieldKey=e,this.status=r,this.messages=s,this.errorTypes=n,t(this)}return Object.defineProperty(e.prototype,"errorMessage",{get:function(){return this.messages.length?this.messages[0]:void 0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"errorType",{get:function(){return this.errorTypes.length?this.errorTypes[0]:void 0},enumerable:!1,configurable:!0}),e}();export{n as Validator};

package/build/models/ui/validator/rules/index.d.ts

@@ -0,0 +1,101 @@
+export declare enum ValidatorErrorType {
+    "REQUIRED_RULE" = "REQUIRED_RULE",
+    "EMAIl_RULE" = "EMAIl_RULE",
+    "MIN_RULE" = "MIN_RULE"
+}
+declare type ValueGetter<T> = (model: T) => any;
+declare type ValuePath<T> = string | ValueGetter<T>;
+export interface IValidationRuleParams<T = any> {
+    model?: T;
+    fieldKey: string;
+    fieldName?: string;
+    message?: ((model: T) => string) | string;
+    errorType?: ValidatorErrorType;
+    valuePath: ValuePath<T>;
+    onValueChange?: (rule: ValidationRule) => void;
+}
+export declare abstract class ValidationRule<T = any> {
+    model?: T;
+    fieldKey: string;
+    fieldName?: string;
+    message?: ((model: T) => string) | string;
+    errorType?: ValidatorErrorType;
+    valuePath: ValuePath<T>;
+    onValueChange?: (rule: ValidationRule) => void;
+    disposer?: () => void;
+    constructor(data: IValidationRuleParams<T>);
+    get value(): any;
+    protected getValue(valuePath: ValuePath<T>): any;
+    abstract run(): Promise<boolean>;
+    abstract get errorMessage(): string;
+}
+export interface IMinRuleParams<T> extends IValidationRuleParams<T> {
+    minValue: number;
+}
+export declare class MinRule<T> extends ValidationRule<T> {
+    minValue: number;
+    errorType: ValidatorErrorType;
+    constructor(data: IMinRuleParams<T>);
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export interface IMaxRuleParams extends IValidationRuleParams {
+    maxValue: number;
+}
+export declare class MaxRule<T> extends ValidationRule<T> {
+    maxValue: number;
+    constructor(data: IMaxRuleParams);
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export declare class RequiredRule<T> extends ValidationRule<T> {
+    constructor(data: IValidationRuleParams<T>);
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+interface ILessThanRuleParams<T> extends IValidationRuleParams<T> {
+    otherFieldValuePath: ValuePath<T>;
+    otherFieldName?: string;
+}
+export declare class LessThanRule<T> extends ValidationRule<T> {
+    otherFieldName?: string;
+    otherFieldValuePath: ValuePath<T>;
+    constructor(data: ILessThanRuleParams<T>);
+    get otherValue(): any;
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export declare class EmailRule<T> extends ValidationRule<T> {
+    errorType: ValidatorErrorType;
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+/**
+ * 1) start with plus(+) or digit
+ * 2) any digit or one char white space
+ * 3) end with digit
+ *
+ * For example:
+ * ✅ Valid +90535 555 5555
+ * ✅ valid 905355555555
+ * 🚫 Unvalid +90535 5  55 5555
+ */
+export declare class PhoneRule<T> extends ValidationRule<T> {
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export interface IEqualsRuleParams<T> extends IValidationRuleParams<T> {
+    equalsValuePath: ValuePath<T>;
+}
+export declare class EqualsRule<T> extends ValidationRule<T> {
+    equalsValuePath: ValuePath<T>;
+    constructor(data: IEqualsRuleParams<T>);
+    get equalsValue(): any;
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export declare class IdentityNumberRule<T> extends ValidationRule<T> {
+    get errorMessage(): string;
+    run(): Promise<boolean>;
+}
+export {};

package/build/models/ui/validator/rules/index.js

@@ -0,0 +1 @@
+import{__extends as e,__awaiter as t,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import{reaction as n,makeObservable as i,computed as s}from"mobx";import u from"lodash/get";var o;!function(e){e.REQUIRED_RULE="REQUIRED_RULE",e.EMAIl_RULE="EMAIl_RULE",e.MIN_RULE="MIN_RULE"}(o||(o={}));var a=function(){function e(e){var t=this;this.model=e.model,this.valuePath=e.valuePath,this.fieldKey=e.fieldKey,this.fieldName=e.fieldName,this.onValueChange=e.onValueChange,this.message=e.message,this.errorType=e.errorType,this.disposer=n((function(){return t.value}),(function(){return t.onValueChange&&t.onValueChange(t)}))}return Object.defineProperty(e.prototype,"value",{get:function(){return this.getValue(this.valuePath)},enumerable:!1,configurable:!0}),e.prototype.getValue=function(e){return"string"==typeof e?u(this.model,e):e(this.model)},e}(),h=function(n){function i(e){var t=n.call(this,e)||this;return t.errorType=o.MIN_RULE,t.minValue=e.minValue,t}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return"string"==typeof this.value?[2,this.value.length>=this.minValue]:[2,this.value>=this.minValue]}))}))},i}(a),l=function(n){function i(e){var t=n.call(this,e)||this;return t.maxValue=e.maxValue,t}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return[2,this.value<=this.maxValue]}))}))},i}(a),f=function(n){function i(e){var t=n.call(this,e)||this;return t.errorType=o.REQUIRED_RULE,t}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return"string"==typeof this.value?[2,!!this.value.trim()]:Array.isArray(this.value)?[2,!!this.value.length]:[2,void 0!==this.value&&null!==this.value]}))}))},i}(a),g=function(n){function i(e){var t=n.call(this,e)||this;return t.otherFieldName=e.otherFieldName,t.otherFieldValuePath=e.otherFieldValuePath,t}return e(i,n),Object.defineProperty(i.prototype,"otherValue",{get:function(){return this.getValue(this.otherFieldValuePath)},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return void 0===this.value||null==this.value||null===this.otherValue||void 0===this.otherValue?[2,!0]:[2,this.value<this.otherValue]}))}))},i}(a),p=function(n){function i(){var e=null!==n&&n.apply(this,arguments)||this;return e.errorType=o.EMAIl_RULE,e}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return[2,/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.value)]}))}))},i}(a),c=function(n){function i(){return null!==n&&n.apply(this,arguments)||this}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return this.value?[2,!!this.value.match(/^[\+\d](\d+\s)*\d+$/g)]:[2,!0]}))}))},i}(a),m=function(n){function u(e){var t=n.call(this,e)||this;return i(t,{equalsValue:s}),t.equalsValuePath=e.equalsValuePath,t}return e(u,n),Object.defineProperty(u.prototype,"equalsValue",{get:function(){return this.getValue(this.equalsValuePath)},enumerable:!1,configurable:!0}),Object.defineProperty(u.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),u.prototype.run=function(){return t(this,void 0,void 0,(function(){return r(this,(function(e){return[2,this.value===this.equalsValue]}))}))},u}(a),d=function(n){function i(){return null!==n&&n.apply(this,arguments)||this}return e(i,n),Object.defineProperty(i.prototype,"errorMessage",{get:function(){return this.message?"string"==typeof this.message?this.message:this.message(this.model):""},enumerable:!1,configurable:!0}),i.prototype.run=function(){return t(this,void 0,void 0,(function(){var e,t,n,i,s,u,o;return r(this,(function(r){if(!(e=this.value))return[2,!1];if(t=e.toString(),n=0,0,0,s=0,u=[11111111110,22222222220,33333333330,44444444440,55555555550,66666666660,7777777770,88888888880,99999999990],11!==t.length)return[2,!1];if(isNaN(e))return[2,!1];if("0"===t[0])return[2,!1];if(n=parseInt(t[0])+parseInt(t[2])+parseInt(t[4])+parseInt(t[6])+parseInt(t[8]),i=parseInt(t[1])+parseInt(t[3])+parseInt(t[5])+parseInt(t[7]),n*=7,Math.abs(n-i)%10!==parseInt(t[9]))return[2,!1];for(o=0;o<10;o++)s+=parseInt(t[o]);return s%10!==parseInt(t[10])||-1!==u.toString().indexOf(t)?[2,!1]:[2,!0]}))}))},i}(a);export{p as EmailRule,m as EqualsRule,d as IdentityNumberRule,g as LessThanRule,l as MaxRule,h as MinRule,c as PhoneRule,f as RequiredRule,a as ValidationRule,o as ValidatorErrorType};