@weareconceptstudio/account 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@weareconceptstudio/account",
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"description": "Concept Studio Account",
 	"author": "Concept Studio",
 	"license": "ISC",

package/dist/components/AddressForm/index.js

@@ -1,99 +0,0 @@
-import React, { memo as Memo, useState, useCallback, useRef } from 'react';
-import { useUi, Text } from '@weareconceptstudio/core';
-import { Form, Input, PhoneNumber, Select } from '@weareconceptstudio/form';
-import AccountButton from '../ui/AccountButton';
-import { useTheme } from 'styled-components';
-import theme from '../../styles/theme';
-//* Icons
-import { CheckboxIcon, CheckboxCheckedIcon } from '../../utils/icons';
-//* Style
-import AddressFormStyle from './style';
-//TODO: Form -> ref, onChange, Select, Form Item -> options,Global Data
-const globalData = {
-    countries: [],
-    cities: [],
-    regions: [
-        { value: 'yerevan', label: 'Yerevan' },
-        { value: 'shirak', label: 'Shirak' },
-        { value: 'aragatsotn', label: 'Aragatsotn' },
-        { value: 'lori', label: 'Lori' },
-        { value: 'kotayq', label: 'Kotayq' },
-        { value: 'tavush', label: 'Tavush' },
-        { value: 'vayots-dzor', label: 'Vayots Dzor' },
-        { value: 'syuniq', label: 'Syuniq' },
-        { value: 'ararat', label: 'Ararat' },
-        { value: 'armavir', label: 'Armavir' },
-        { value: 'gegharquniq', label: 'Gegharquniq' },
-    ],
-};
-const AddressForm = Memo(({ title, data, selected, createAddress, updateAddress }) => {
-    const globalTheme = useTheme();
-    const { closePopup } = useUi();
-    //! Ref
-    const form = useRef();
-    //! States
-    const [isChecked, setIsChecked] = useState(data?.is_default);
-    const [countryId, setCountryId] = useState(globalData.countries.length > 1 ? data?.country_id : 1);
-    const [regionId, setRegionId] = useState(data?.region_id);
-    const [isDisabled, setIsDisabled] = useState(false);
-    //! On Finish
-    const onFinish = useCallback((values) => {
-        // const newData = { ...values, is_default: isChecked };
-        // setIsDisabled(true);
-        // return (
-        // 	!isDisabled &&
-        // 	eval(data?.id ? `updateAddress(newData, data.id)` : `createAddress(newData)`).then(
-        // 		() => {
-        // 			closePopup();
-        // 		}
-        // 	)
-        // );
-    }, [data, isChecked, createAddress, updateAddress, isDisabled]);
-    const handleFormChange = useCallback((val) => {
-        const name = Object.keys(val)[0];
-        if (name === 'country_id') {
-            setCountryId(val[name]);
-            setRegionId('');
-            form.current.setFieldsValue({ region_id: '', city_id: '' });
-        }
-        else if (name === 'region_id') {
-            setRegionId(val[name]);
-            form.current.setFieldsValue({ city_id: '' });
-        }
-    }, []);
-    return (React.createElement(AddressFormStyle, { theme: theme(globalTheme), className: 'address-form-block' },
-        React.createElement(Text, { tag: `h6`, text: title, className: `account-h6 account-font-bold account-primary-color1 address-form-block-title` }),
-        React.createElement(Form, { ref: form, onSubmit: onFinish, onChange: handleFormChange, initialValues: data },
-            React.createElement("div", { className: `form-wrapper` },
-                React.createElement(Form.Item, { name: 'country_id', label: 'country' },
-                    React.createElement(Select, { placeholder: 'Armenia', 
-                        // options={globalData.regions}
-                        disabled: true })),
-                React.createElement(Form.Item, { name: 'type', required: false },
-                    React.createElement(Input, { type: 'hidden' })),
-                React.createElement(Form.Item, { name: 'first_name', label: 'firstName' },
-                    React.createElement(Input, { placeholder: 'firstNamePlaceholder' })),
-                React.createElement(Form.Item, { name: 'last_name', label: 'lastName' },
-                    React.createElement(Input, { placeholder: 'lastNamePlaceholder' })),
-                React.createElement(Form.Item, { name: 'region_id', label: 'region', className: !countryId ? 'disabled' : '' },
-                    React.createElement(Select, { placeholder: 'Select Region', options: globalData.regions })),
-                React.createElement(Form.Item, { name: 'city_id', label: 'city' },
-                    React.createElement(Select, { placeholder: 'cityPlaceholder', disabled: !regionId })),
-                React.createElement(Form.Item, { name: 'address_1', label: 'address_1' },
-                    React.createElement(Input, { placeholder: 'address_1Placeholder' })),
-                React.createElement(Form.Item, { name: 'address_2', label: 'address_2' },
-                    React.createElement(Input, { placeholder: 'address_2Placeholder' })),
-                React.createElement(Form.Item, { name: 'zip_code', label: 'zipCode' },
-                    React.createElement(Input.Number, { placeholder: 'zipCodePlaceholder' })),
-                React.createElement(Form.Item, { name: 'phone', label: 'phone' },
-                    React.createElement(PhoneNumber, null))),
-            React.createElement("div", { className: `default-info-wrap` }, !data?.is_default ? (React.createElement("div", { className: `banner-wrap cursor-pointer`, onClick: () => setIsChecked(!isChecked) },
-                isChecked ? (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
-                    React.createElement(CheckboxCheckedIcon, null))) : (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
-                    React.createElement(CheckboxIcon, null))),
-                React.createElement(Text, { className: `account-p account-p2 account-font-medium account-primary-color1 address-form-is-default-checkbox`, text: `${selected.type === 'shipping' ? 'makeYourDefaultShippingAddress' : 'makeYourDefaultBillingAddress'}` }))) : (React.createElement(Text, { className: `account-p account-p2 account-font-medium account-primary-color1 address-form-is-default`, text: `${selected.type === 'shipping' ? 'thisYourDefaultShippingAddress' : 'thisYourDefaultBillingAddress'}` }))),
-            React.createElement("div", { className: `cancel-and-save-wrap` },
-                React.createElement(AccountButton, { text: `cancel`, onClick: closePopup, btnType: `green-large-text`, className: `address-form-cancel-btn` }),
-                React.createElement(AccountButton, { type: 'submit', text: `saveAndApply`, btnType: `full-width`, className: `address-form-cancel-submit ${isDisabled ? 'disabled' : ''}` })))));
-});
-export default AddressForm;

package/dist/components/FavoriteButton/index.d.ts

@@ -1,3 +0,0 @@
-export default FavoriteButton;
-declare const FavoriteButton: React.NamedExoticComponent<object>;
-import React from 'react';

package/dist/components/FavoriteButton/index.js

@@ -1,42 +0,0 @@
-import React, { memo, useCallback, useMemo } from 'react';
-import Button from '../ui/AccountButton';
-const addToFavorite = () => { };
-const removeFavorite = () => { };
-//* Icons
-const favoriteIcon = (React.createElement("svg", { version: '1.1', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { id: 'path-1', fill: '#ecefec', d: 'M14.622 0l-12.889 7.911-1.733 13.867 7.822 8.8 13.911 1.422 10.267-11.689-3.6-16.711-13.778-3.6z' }),
-    React.createElement("path", { id: 'path-2', fill: '#8c9b8b', d: 'M17.066 24.8c-0.178 0-0.267-0.044-0.356-0.178l-10.667-9.911c-0.222-0.222-0.222-0.533-0.044-0.756l4.622-5.511c0.178-0.222 0.444-0.267 0.622-0.089l5.689 3.111 3.733-4.089c0.089-0.089 0.267-0.178 0.444-0.178s0.311 0.044 0.356 0.222l4.489 5.467c0.178 0.222 0.178 0.489 0 0.622l-8.533 11.067c-0.044 0.133-0.133 0.222-0.356 0.222z' }),
-    React.createElement("path", { id: 'path-3', fill: '#b2bdb1', d: 'M17.067 24.978c-0.178 0-0.311-0.044-0.444-0.178l-10.667-9.956c-0.267-0.222-0.267-0.622-0.044-0.933l4.578-5.511c0.222-0.267 0.533-0.311 0.844-0.178l5.556 3.067 3.689-4.044c0.133-0.133 0.311-0.222 0.533-0.222 0.178 0 0.356 0.089 0.489 0.267l4.489 5.511c0.178 0.222 0.178 0.578 0 0.844l-8.533 11.067c-0.133 0.133-0.267 0.222-0.489 0.267zM7.289 14.267l9.689 9.022 7.778-10.044-3.689-4.533-3.511 3.867c-0.222 0.222-0.533 0.267-0.8 0.133l-5.6-3.067-3.867 4.622z' })));
-const FavoriteButton = memo(({ type, favorites, productId, optionId, variantId, qty }) => {
-    //! Check Active Favorite
-    const isFavorite = useMemo(() => {
-        return favorites.some((favorite) => favorite.product.id === productId && favorite.selectedOption.id === optionId && favorite.selectedVariant.id === variantId);
-    }, [favorites, productId, variantId, optionId]);
-    //! Add to favorite
-    const addFavoriteHandleClick = useCallback(() => {
-        isFavorite
-            ? removeFavorite({
-                productId,
-                variantId,
-                optionId,
-            })
-            : addToFavorite({
-                productId,
-                variantId,
-                optionId,
-                qty,
-                update: true,
-            });
-    }, [productId, variantId, optionId, qty, isFavorite]);
-    return type === 'withIcon' ? (
-    // <Icon
-    // 	name={`favorite`}
-    // 	className={`pi-favorite ${isFavorite ? 'pi-active' : ''}`}
-    // 	onClick={addFavoriteHandleClick}>
-    // 	<span className='path1' />
-    // 	<span className='path2' />
-    // 	<span className='path3' />
-    // </Icon>
-    React.createElement("div", { onClick: addFavoriteHandleClick, className: `pi-favorite ${isFavorite ? 'pi-active' : ''}` }, favoriteIcon)) : (React.createElement(Button, { text: 'addToWishlist', btnType: `green-small-text`, onClick: addFavoriteHandleClick, className: `wishlist-btn ${isFavorite ? 'active' : ''}` }));
-});
-export default FavoriteButton;

package/dist/components/OrderedItems/ReviewPopup/index.js

@@ -1,202 +0,0 @@
-// import { memo, useCallback, useMemo, useRef } from 'react';
-// import { Form, Input, Radio } from '@weareconceptstudio/form';
-// //* Contexts
-// import withUIContext from '@/account-authentication/contexts/consumers/UIConsumer';
-// import withLanguageContext from '@/account-authentication/contexts/consumers/LanguageConsumer';
-// //* Helpers
-// import _config from '@/account-authentication/helpers/_config';
-// import { fileToUploadObj } from '@/account-authentication/helpers/_functions';
-// //* Components
-// import Text from '../../Text';
-// import Rate from '../../Rate';
-// import Icon from '../../Icon';
-// import Image from '../../Image';
-// import FormUpload from '../../FormUpload';
-// import CustomLink from '../../CustomLink';
-// import AccountButton from '../../AccountButton';
-// import WarningMessageForPopup from '../../WarningMessageForPopup';
-// //* Style
-// import ReviewPopupStyle from './style';
-// //TODO: Form (ref -> logic), Upload, Radio
-// const ReviewPopup = memo(({ className, orderItemId, product, review, createReview, updateReview, addOrUpdateReview, translate, closePopup, winWidth, openPopup }) => {
-// 	//! Ref
-// 	const form = useRef();
-// 	//! Handle Finish Function
-// 	const onFinish = useCallback(
-// 		(values) => {
-// 			let newValues = {
-// 				...values,
-// 				order_item_id: orderItemId,
-// 				product_id: product.id,
-// 			};
-// 			return (review ? updateReview(review.id, newValues) : createReview(newValues)).then(({ data }) => {
-// 				addOrUpdateReview(orderItemId, data);
-// 				closePopup();
-// 				!review &&
-// 					openPopup(
-// 						<WarningMessageForPopup
-// 							isThankYou
-// 							title={'thankYouPopupTitle'}
-// 							description={'thankYouPopupDesc'}
-// 						/>,
-// 						{ className: 'messagePopup' }
-// 					);
-// 			});
-// 		},
-// 		[orderItemId, product, review]
-// 	);
-// 	const initialValues = useMemo(() => {
-// 		return review
-// 			? {
-// 					...review,
-// 					is_recommended: review.is_recommended || '0',
-// 					images: review.images.map((item) => fileToUploadObj(item)),
-// 			  }
-// 			: {
-// 					is_recommended: 1,
-// 			  };
-// 	}, [review]);
-// 	return (
-// 		<ReviewPopupStyle className={`review-popup-wrapper ${className || ''}`}>
-// 			<Text
-// 				tag={`h6`}
-// 				className={`account-h6 account-font-bold account-primary-color1`}
-// 				text={`writeYourReview`}
-// 			/>
-// 			<div className={`info-wrap`}>
-// 				{!(winWidth <= 768) ? (
-// 					<>
-// 						<Text className={`account-p account-p3 account-font-regular account-primary-color1`}>
-// 							{translate('writeYourReviewDesc1')}&nbsp;
-// 							<CustomLink
-// 								className={`info-link`}
-// 								onClick={() => closePopup()}
-// 								url={_config.routes.productReviewGuidelines.path}
-// 								content={translate('reviewGuidelinesWithSymbol')}
-// 							/>
-// 						</Text>
-// 						<Text className={`account-p account-p3 account-font-regular account-primary-color1`}>
-// 							{translate('writeYourReviewDesc2')}&nbsp;
-// 							<CustomLink
-// 								className={`info-link`}
-// 								onClick={() => closePopup()}
-// 								url={_config.routes.contactUs.path}
-// 								content={translate('contactUsWithSymbol')}
-// 							/>
-// 						</Text>
-// 					</>
-// 				) : (
-// 					<Text className={`account-p account-p3 account-font-regular account-primary-color1`}>
-// 						{translate('writeYourReviewDesc1')}&nbsp;
-// 						<CustomLink
-// 							className={`info-link`}
-// 							onClick={() => closePopup()}
-// 							url={_config.routes.productReviewGuidelines.path}
-// 							content={translate('reviewGuidelinesWithSymbol')}
-// 						/>
-// 						&nbsp;{translate('writeYourReviewDesc2')}&nbsp;
-// 						<CustomLink
-// 							className={`info-link`}
-// 							onClick={() => closePopup()}
-// 							url={_config.routes.contactUs.path}
-// 							content={translate('contactUsWithSymbol')}
-// 						/>
-// 					</Text>
-// 				)}
-// 			</div>
-// 			<Image
-// 				src={product.images?.[0]?.src}
-// 				alt={product.images?.[0]?.alt}
-// 				className={`banner-image`}
-// 			/>
-// 			<div className={`name-text`}>
-// 				<AccountButton
-// 					url={product.url}
-// 					target={`_blank`}
-// 					text={product.name}
-// 					btnType={`green-small-text`}
-// 					customLinkProps={{
-// 						rel: 'noopener noreferrer',
-// 					}}
-// 				/>
-// 			</div>
-// 			<div className='review-popup-form-container'>
-// 				<Form
-// 					ref={form}
-// 					onSubmit={onFinish}
-// 					initialValues={initialValues}>
-// 					<Form.Item
-// 						name={'rating'}
-// 						className={`rate-field-wrap`}
-// 						label={'yourOverallRating'}
-// 						>
-// 						<Rate />
-// 					</Form.Item>
-// 					<Form.Item
-// 						name={'is_recommended'}
-// 						className={`radio-field-wrap`}
-// 						label={'wouldYouRecommend'}
-// 						>
-// 						<Radio.Group>
-// 							<Radio value={1}>
-// 								<div className={`icon-circle-wrapper distance`}>
-// 									<Icon name={`checkbox`} />
-// 								</div>
-// 								<Text
-// 									className={`account-p account-p3 account-font-medium account-primary-color1`}
-// 									text={`yes`}
-// 								/>
-// 							</Radio>
-// 							<Radio value={`${0}`}>
-// 								<div className={`icon-circle-wrapper distance`}>
-// 									<Icon name={`checkbox`} />
-// 								</div>
-// 								<Text
-// 									className={`account-p account-p3 account-font-medium account-primary-color1`}
-// 									text={`no`}
-// 								/>
-// 							</Radio>
-// 						</Radio.Group>
-// 					</Form.Item>
-// 					<Form.Item
-// 						name={'title'}
-// 						className={`text-field-wrap`}
-// 						label={'reviewTitle'}
-// 						>
-// 						<Input placeholder={'type'} />
-// 					</Form.Item>
-// 					<Form.Item
-// 						name={'content'}
-// 						className={`text-field-wrap`}
-// 						label={'yourReview'}
-// 						>
-// 						<Input.TextArea placeholder={'type'} />
-// 					</Form.Item>
-// 					<div className={`uploader-wrapper`}>
-// 						<FormUpload
-// 							multiple
-// 							form={form}
-// 							maxCount={6}
-// 							name={'images'}
-// 							translate={translate}
-// 							defaultFiles={review ? review.images : []}
-// 						/>
-// 					</div>
-// 					<div className={`popup-buttons-wrapper`}>
-// 						<AccountButton
-// 							text={`cancel`}
-// 							btnType={`green-large-text`}
-// 							onClick={() => closePopup()}
-// 						/>
-// 						<AccountButton
-// 							type={'submit'}
-// 							text={`submitReview`}
-// 							btnType={`full-width`}
-// 						/>
-// 					</div>
-// 				</Form>
-// 			</div>
-// 		</ReviewPopupStyle>
-// 	);
-// });
-// export default withLanguageContext(withUIContext(ReviewPopup, ['closePopup', 'winWidth', 'openPopup']), ['translate']);

package/dist/components/OrderedItems/ReviewPopup/style.d.ts

@@ -1,2 +0,0 @@
-export default ReviewPopupStyle;
-declare const ReviewPopupStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;