34 | Object.assign(x, {
36 | keywords: x.name.split(' ').filter(z => !!z),
37 | category: x.category === 'tops_sweaters' ? 'tops-sweaters' : x.category,
38 | }))}
39 | title={(
40 |
49 |
50 | );
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/bot/src/app/constants/Styles.js:
--------------------------------------------------------------------------------
1 | import getMuiTheme from 'material-ui/styles/getMuiTheme';
2 | import { grey50 } from 'material-ui/styles/colors';
3 | import { spacing, typography } from 'material-ui/styles';
4 |
5 | const mainColor = 'rgb(247, 70, 70)';
6 | const styles = {
7 | paper: {
8 | margin: spacing.desktopGutter,
9 | padding: spacing.desktopGutter / 2,
10 | },
11 | container: {
12 | display: 'flex',
13 | flexFlow: 'column',
14 | alignItems: 'center',
15 | minHeight: '100%',
16 | backgroundColor: grey50,
17 | },
18 | content: {
19 | maxWidth: 1200,
20 | margin: '0 auto',
21 | zIndex: 101,
22 | },
23 | tabs: {
24 | flex: 1,
25 | marginLeft: 16,
26 | },
27 | tab: {
28 | height: 64,
29 | },
30 | appBar: {
31 | height: 64,
32 | },
33 | logo: {
34 | fontSize: 16,
35 | color: typography.textFullWhite,
36 | lineHeight: `${spacing.desktopKeylineIncrement}px`,
37 | fontWeight: typography.fontWeightLight,
38 | backgroundColor: mainColor,
39 | height: 64,
40 | textAlign: 'center',
41 | cursor: 'pointer',
42 | },
43 | fields: {
44 | text: {
45 | width: '100%',
46 | },
47 | },
48 | colors: {
49 | main: 'rgb(72, 72, 72)',
50 | drawer: 'rgb(250, 250, 250)',
51 | tabs: 'rgb(137, 189, 191)',
52 | },
53 | theme: {
54 | palette: {
55 | primary1Color: mainColor,
56 | primary2Color: mainColor,
57 | },
58 | drawer: {
59 | color: 'rgb(250, 250, 250)',
60 | },
61 | },
62 | };
63 |
64 | export function getTheme() {
65 | return getMuiTheme(styles.theme);
66 | }
67 |
68 | export default styles;
69 |
--------------------------------------------------------------------------------
/bot/src/app/utils/SupremeUtils.js:
--------------------------------------------------------------------------------
1 | import StorageService from '../../services/StorageService';
2 |
3 | export const OnSoldOutCartActions = {
4 | REMOVE_SOLD_OUT_PRODUCTS: 'REMOVE_SOLD_OUT_PRODUCTS',
5 | STOP: 'STOP',
6 | };
7 |
8 | function createDesktopAddressCookie(profile) {
9 | let str = null;
10 | switch (profile.order_billing_country) {
11 | case 'CANADA':
12 | case 'USA':
13 | str = `${profile.order_billing_name}|${profile.bo}|${profile.oba3 || ''}|${profile.order_billing_city}|${profile.order_billing_state || ''}|${profile.order_billing_zip}|${profile.order_billing_country}|${profile.order_email}|${profile.order_tel}`;
14 | break;
15 | case 'JAPAN':
16 | str = `${profile.order_billing_name}|${profile.bo}|${profile.order_billing_city}|${profile.order_billing_state || ''}|${profile.order_billing_zip}|${profile.order_email}|${profile.order_tel}`;
17 | break;
18 | default:
19 | str = `${profile.order_billing_name}|${profile.bo}|${profile.oba3 || ''}||${profile.order_billing_city}|${profile.order_billing_state || ''}|${profile.order_billing_zip}|${profile.order_billing_country}|${profile.order_email}|${profile.order_tel}`;
20 | break;
21 | }
22 |
23 | return {
24 | name: 'address',
25 | value: encodeURIComponent(str),
26 | url: 'https://www.supremenewyork.com',
27 | };
28 | }
29 |
30 | export async function updateSupremeCookies(profile) {
31 | console.log('Updating supreme address cookies');
32 | if (profile) {
33 | return StorageService.setCookie(createDesktopAddressCookie(profile));
34 | }
35 |
36 | console.warn('Couldnt update supreme cookies, profile isnt set');
37 | return null;
38 | }
39 |
--------------------------------------------------------------------------------
/bot/src/app/containers/App.jsx:
--------------------------------------------------------------------------------
1 | import React, { PropTypes, Component } from 'react';
2 | import { connect } from 'react-redux';
3 | import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
4 | import AppDrawer from './AppDrawer';
5 | import NotificationBar from '../components/NotificationBar';
6 | import { getTheme } from '../constants/Styles';
7 | import { setDrawerOpen } from '../actions/drawer';
8 |
9 | class App extends Component {
10 | componentDidMount() {
11 | window.onresize = () => this.handleResize();
12 | }
13 |
14 | handleResize() {
15 | const { setDrawerOpen, drawerOpen } = this.props;
16 | if (window.innerWidth <= 1024) {
17 | setDrawerOpen(false);
18 | } else if (!drawerOpen) {
19 | setDrawerOpen(true);
20 | }
21 | }
22 |
23 | render() {
24 | const { children } = this.props;
25 | const drawerOpen = this.props.drawerOpen;
26 | return (
27 |
41 |
44 | )
45 | }
46 | onProductClick={this.handleBuyProduct}
47 | />
48 | Click on a product to buy
43 |
29 |
33 | {children}
31 |
33 | this.handleLocaleChange(v)}
38 | >
39 |
40 |
41 |
42 |
43 | );
44 | }
45 | }
46 |
47 | LocalChangeSelect.defaultProps = {
48 | style: {
49 | textAlign: 'center',
50 | },
51 | };
52 |
53 | LocalChangeSelect.propTypes = {
54 | style: PropTypes.object,
55 | };
56 |
57 | function mapDispatchToProps(dispatch) {
58 | return {
59 | notify: m => dispatch(addNotification(m)),
60 | };
61 | }
62 |
63 | export default connect(undefined, mapDispatchToProps)(LocalChangeSelect);
64 |
--------------------------------------------------------------------------------
/bot/src/app/utils/FormValidators.js:
--------------------------------------------------------------------------------
1 | import * as Helpers from './Helpers';
2 |
3 | export function email(input) {
4 | const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
5 | return (!input || re.test(input)) ? undefined : 'Please enter a valid email';
6 | }
7 |
8 | export function required(value) {
9 | const empty = typeof value !== 'number' && !value;
10 | return empty ? 'Required field' : undefined;
11 | }
12 |
13 | export function notEmpty(arr) {
14 | if (!Array.isArray(arr) || !arr.length) {
15 | return 'This field must not be empty';
16 | }
17 | }
18 |
19 | export function simpleText(value) {
20 | return value && !value.match(/^[0-9a-zA-Z_]{1,64}$/) ? 'Only use characters (a-z, A-Z, 0-9, _)' : undefined;
21 | }
22 |
23 | export function number(value) {
24 | return value && (isNaN(Number(value)) || +value < 0) ? 'This field must be a positive number' : undefined;
25 | }
26 |
27 | export function minValue(min) {
28 | return value => (value && value < min ? `The value must be greater than ${min}` : undefined);
29 | }
30 |
31 | export function maxValue(max) {
32 | return value => (value && value > max ? `The value must be less than ${max}` : undefined);
33 | }
34 |
35 | export function fullName(value) {
36 | return value && value.split(' ').filter(x => x !== '').length < 2 ? 'Please enter a valid full name (firstname + lastname)' : undefined;
37 | }
38 |
39 | export function unique(candidates) {
40 | return value => {
41 | if (candidates.indexOf(value) !== -1) {
42 | return 'This value already exists and must be unique';
43 | }
44 | return undefined;
45 | };
46 | }
47 |
48 | export function date(val) {
49 | const d = new Date(val);
50 | return isNaN(d.getTime()) ? 'Required date' : undefined;
51 | }
52 |
53 | export function time24(val) {
54 | const msg = 'Invalid time';
55 | if (!Helpers.isValidTime(val)) {
56 | return msg;
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/bot/src/app/containers/Layout.jsx:
--------------------------------------------------------------------------------
1 | import React, { PropTypes, Component } from 'react';
2 | import AppBar from 'material-ui/AppBar';
3 | import Tabs from 'material-ui/Tabs/Tabs';
4 | import Paper from 'material-ui/Paper';
5 | import { connect } from 'react-redux';
6 | import Styles from '../constants/Styles';
7 | import { setDrawerOpen } from '../actions/drawer';
8 |
9 | class Layout extends Component {
10 | toggleMenu() {
11 | this.props.setDrawerOpen(!this.props.drawerOpen);
12 | }
13 |
14 | render() {
15 | const { children, title, contentStyle, tabs, currentTab } = this.props;
16 | const appBarStyles = Object.assign({}, Styles.appBar);
17 | const tabContainer = (
18 |
19 |
20 | { tabs }
21 |
22 |
23 | );
24 | return (
25 |
26 | this.toggleMenu()} />
27 |
35 | );
36 | }
37 | }
38 |
39 | Layout.propTypes = {
40 | children: PropTypes.element,
41 | title: PropTypes.string,
42 | contentStyle: PropTypes.object,
43 | tabs: PropTypes.arrayOf(PropTypes.node),
44 | currentTab: PropTypes.any,
45 | drawerOpen: PropTypes.bool,
46 | setDrawerOpen: PropTypes.func,
47 | };
48 |
49 | function mapStateToProps(state) {
50 | return {
51 | drawerOpen: state.drawer.open,
52 | };
53 | }
54 |
55 | function mapDispatchToProps(dispatch) {
56 | return {
57 | setDrawerOpen: open => dispatch(setDrawerOpen(open)),
58 | };
59 | }
60 |
61 | export default connect(mapStateToProps, mapDispatchToProps)(Layout);
62 |
--------------------------------------------------------------------------------
/bot/src/services/supreme/ProductsService.js:
--------------------------------------------------------------------------------
1 | import request from 'browser-request';
2 |
3 | export default class ProductsService {
4 | static fetchProducts() {
5 | return new Promise((resolve, reject) => {
6 | const time = (new Date()).getTime();
7 | request({ url: `https://www.supremenewyork.com/mobile_stock.json?_=${time}` }, (error, response, body) => {
8 | if (!error && response.statusCode === 200) {
9 | try {
10 | const data = JSON.parse(body);
11 | resolve(data.products_and_categories);
12 | } catch (e) {
13 | console.error(e);
14 | reject(e);
15 | }
16 | } else {
17 | reject({ error });
18 | }
19 | });
20 | });
21 | }
22 |
23 | static fetchProductInfo(id) {
24 | return new Promise((resolve, reject) => {
25 | const time = (new Date()).getTime();
26 | const url = `https://www.supremenewyork.com/shop/${id}.json`;
27 | request({ url: `${url}?_=${time}` }, (error, response, body) => {
28 | if (!error && response.statusCode === 200) {
29 | try {
30 | const data = JSON.parse(body);
31 | resolve(Object.assign({ id }, data));
32 | } catch (e) {
33 | console.error(e);
34 | reject(e);
35 | }
36 | } else {
37 | reject({ error });
38 | }
39 | });
40 | });
41 | }
42 | }
43 |
44 | if (chrome && chrome.webRequest) {
45 | chrome.webRequest.onBeforeSendHeaders.addListener(
46 | function (details) {
47 | const userAgent = details.requestHeaders.filter(x => x.name === 'User-Agent')[0];
48 | if (userAgent) {
49 | userAgent.value = 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_3 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13G34';
50 | }
51 | return { requestHeaders: details.requestHeaders };
52 | },
53 | { urls: ['*://*.supremenewyork.com/mobile/*', '*://*.supremenewyork.com/mobile_stock.json*', '*://*.supremenewyork.com/shop/*.json'] },
54 | ['blocking', 'requestHeaders'],
55 | );
56 | }
57 |
--------------------------------------------------------------------------------
/bot/src/extension/background/supreme/RestockMonitor.js:
--------------------------------------------------------------------------------
1 | import RestocksService from '../../../services/supreme/RestocksService';
2 | import StorageService from '../../../services/StorageService';
3 | import ChromeService from '../../../services/ChromeService';
4 |
5 | export default class RestockMonitor {
6 | constructor(intervalMs) {
7 | this.intervalMs = intervalMs;
8 | this.onNewProductsCallbacks = [];
9 | this.onProductsRestockCallbacks = [];
10 | }
11 |
12 | addOnNewProductsListener(func) {
13 | this.onNewProductsCallbacks.push(func);
14 | }
15 |
16 | addOnProductsRestockListener(func) {
17 | this.onProductsRestockCallbacks.push(func);
18 | }
19 |
20 | async update() {
21 | const newStock = await RestocksService.fetchCurrentStock();
22 | const savedStock = await StorageService.getItem('stock');
23 | if (!savedStock) {
24 | for (const callback of this.onNewProductsCallbacks) callback(newStock);
25 | await StorageService.setItem('stock', newStock);
26 | return;
27 | }
28 | const newProducts = newStock.filter(x => !savedStock.find(z => z.url === x.url));
29 | if (newProducts.length) {
30 | for (const callback of this.onNewProductsCallbacks) callback(newProducts);
31 | }
32 |
33 | let restockedProducts = [];
34 | for (let i = 0; i < newStock.length; i += 1) {
35 | const product = newStock[i];
36 | const existingProduct = savedStock.find(x => x.url === product.url);
37 | if (existingProduct && !product.soldOut && existingProduct.soldOut) {
38 | restockedProducts.push(product);
39 | }
40 | }
41 | if (restockedProducts.length) {
42 | for (const callback of this.onProductsRestockCallbacks) callback(restockedProducts);
43 | }
44 | await StorageService.setItem('stock', newStock);
45 | ChromeService.sendMessage('stockUpdated', newStock);
46 | }
47 |
48 | start() {
49 | this.interval = setInterval(async () => await this.update(), this.intervalMs);
50 | this.update();
51 | }
52 |
53 | stop() {
54 | if (this.interval) {
55 | clearInterval(this.interval);
56 | }
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/bot/src/extension/content/supreme/processors/cartProcessor.js:
--------------------------------------------------------------------------------
1 | import $ from 'jquery';
2 | import * as SupremeUtils from '../../../../app/utils/SupremeUtils';
3 | import BaseProcessor from './baseProcessor';
4 | import { notify } from '../notification';
5 | import { timeout } from '../helpers';
6 |
7 | export default class CartProcessor extends BaseProcessor {
8 | static start(preferences, sizings, billing) {
9 | const processor = new CartProcessor(preferences, sizings, billing);
10 | processor.beginProcess();
11 | return processor;
12 | }
13 |
14 | beginProcess() {
15 | this.processCart();
16 | }
17 |
18 | /**
19 | * This function should be called when the user is on the 'cart' page, it will then redirect the user
20 | * to the checkout page after the delay configured in the options
21 | */
22 | processCart() {
23 | if (!this.preferences.autoCheckout) {
24 | return;
25 | }
26 | const outOfStockItems = document.querySelectorAll('.out_of_stock');
27 | const outOfStockAction = this.preferences.onCartSoldOut;
28 | if (!outOfStockItems.length) {
29 | timeout(() => {
30 | document.location.href = '/checkout';
31 | }, 100, 'Going to checkout');
32 | return;
33 | }
34 | if (outOfStockAction === SupremeUtils.OnSoldOutCartActions.STOP) {
35 | notify('Product was sold out, aborting...', true);
36 | } else if (outOfStockAction === SupremeUtils.OnSoldOutCartActions.REMOVE_SOLD_OUT_PRODUCTS) {
37 | const promises = [];
38 | for (const product of outOfStockItems) {
39 | const form = product.querySelector('form');
40 | if (form) {
41 | promises.push(new Promise((resolve, reject) => {
42 | $.ajax({
43 | type: 'POST',
44 | url: $(form).attr('action'),
45 | data: $(form).serializeArray(),
46 | success: resolve,
47 | error: reject,
48 | });
49 | }));
50 | }
51 | }
52 | Promise.all(promises).then(() => {
53 | timeout(() => {
54 | document.location.href = '/checkout';
55 | }, 100, 'Going to checkout');
56 | });
57 | }
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/bot/src/app/components/shops/supreme/pages/Drops.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link } from 'react-router';
3 | import Divider from 'material-ui/Divider';
4 | import CircularProgress from 'material-ui/CircularProgress';
5 | import { Card, CardText } from 'material-ui/Card';
6 | import Layout from '../../../../containers/Layout';
7 | import DropsService from '../../../../../services/supreme/DropsService';
8 |
9 | export default class Drops extends Component {
10 | constructor(props) {
11 | super(props);
12 | this.state = {
13 | drops: {},
14 | };
15 | this.fetchDrops();
16 | }
17 |
18 | fetchDrops() {
19 | DropsService.fetchDrops().then(drops => this.setState({ drops }));
20 | }
21 |
22 | handleRequestClose() {
23 | this.setState({
24 | buyModalOpen: false,
25 | });
26 | }
27 |
28 | getDropCard(drop) {
29 | const style = {
30 | width: 200,
31 | minWidth: 250,
32 | flex: 1,
33 | margin: 20,
34 | };
35 |
36 | return (
37 |
38 |
28 |
34 |
29 |
30 | {children}
31 |
32 |
33 |
40 |
41 |
43 |
44 | { drop.name }
42 |
60 |
63 | Loading...
61 |
77 | {cards}
78 |
79 | loading...
);
51 | const items = this.state.restocks.map((x, i) => {
52 | const icon = x.type === 'new' ? 70 | { 71 | !items.length &&
No restocks yet
72 | } 73 | {items.length > 0 && ( 74 |
75 |
84 | )}
85 |
76 | this.handleClearAll()} primary />
77 |
78 |
79 |
83 | -
80 | {items}
81 |
73 |
78 | 
79 |
80 |
81 | {product.price &&
83 |
84 | 74 | {product.name} 75 | {product.color &&
{product.color}
} 76 | 77 |Est price: {product.price}
} 82 |
95 |
98 | Loading...
96 |
126 | {this.props.title ||
128 | Click on a product to add to AutoCop
} 127 |
129 | this.setState({ filter: val })}
133 | />
134 |
135 |
136 | {cards}
137 |
138 | openUrlInNewTab('https://github.com/val92130/Supreme-Auto-Checkout')}>
63 | Supreme Auto Checkout
64 | { version }
65 |
66 |
45 |
224 | );
225 | };
226 |
227 | const BillingForm = reduxForm({
228 | form: 'billing',
229 | })(Billing);
230 |
231 | Billing.propTypes = {
232 | shop: PropTypes.string.isRequired,
233 | };
234 | const selector = formValueSelector('billing');
235 |
236 | function mapStateToProps(state, ownProps) {
237 | const currentProfile = state.profiles.currentProfile;
238 | const settings = state.profiles.profiles.filter(x => x.name === currentProfile)[0].settings;
239 | return {
240 | initialValues: (settings[ownProps.shop] || {})[menus.MENU_BILLING] || {},
241 | country: selector(state, 'order_billing_country'),
242 | };
243 | }
244 |
245 | export default connect(mapStateToProps)(BillingForm);
246 |
--------------------------------------------------------------------------------
/bot/src/app/components/shops/supreme/pages/Sizes.jsx:
--------------------------------------------------------------------------------
1 | import React, { PropTypes, Component } from 'react';
2 | import { reduxForm, Field, change } from 'redux-form';
3 | import { connect } from 'react-redux';
4 | import MenuItem from 'material-ui/MenuItem';
5 | import RaisedButton from 'material-ui/RaisedButton';
6 | import Divider from 'material-ui/Divider';
7 | import {
8 | SelectField,
9 | } from 'redux-form-material-ui';
10 | import Styles from '../../../../constants/Styles';
11 | import * as Utils from '../../../../constants/Utils';
12 | import * as Validators from '../../../../utils/FormValidators';
13 | import * as menus from '../../../../constants/Menus';
14 |
15 | class Sizes extends Component {
16 | handleSetAny() {
17 | for (let field of ['accessories', 't-shirts', 'pants', 'shorts', 'sweatshirts', 'tops-sweaters', 'shirts', 'jackets', 'shoes', 'skate', 'hats']) {
18 | this.props.changeFieldValue(field, 'Any');
19 | }
20 | }
21 |
22 | render() {
23 | const { handleSubmit, pristine, submitting } = this.props;
24 | return (
25 | Configure your billing infos
46 |
26 |
208 | );
209 | }
210 |
211 | }
212 |
213 | Sizes.propTypes = {
214 | shop: PropTypes.string.isRequired,
215 | };
216 |
217 | function mapStateToProps(state, ownProps) {
218 | const currentProfile = state.profiles.currentProfile;
219 | const settings = state.profiles.profiles.filter(x => x.name === currentProfile)[0].settings;
220 | return {
221 | form: 'sizings-form',
222 | initialValues: (settings[ownProps.shop] || {})[menus.MENU_SIZES] || {},
223 | };
224 | }
225 |
226 | function mapDispatchToProps(dispatch) {
227 | return {
228 | changeFieldValue: (field, value) => dispatch(change('sizings-form', field, value)),
229 | };
230 | }
231 |
232 | export default connect(mapStateToProps, mapDispatchToProps)(reduxForm({
233 | form: 'sizes',
234 | })(Sizes));
235 |
--------------------------------------------------------------------------------
/bot/src/app/components/Profile.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component, PropTypes } from 'react';
2 | import { connect } from 'react-redux';
3 | import {
4 | Table,
5 | TableBody,
6 | TableHeader,
7 | TableHeaderColumn,
8 | TableRow,
9 | TableRowColumn,
10 | } from 'material-ui/Table';
11 | import { red300 } from 'material-ui/styles/colors';
12 | import Dialog from 'material-ui/Dialog';
13 | import IconButton from 'material-ui/IconButton';
14 | import DeleteButton from 'material-ui/svg-icons/action/delete';
15 | import DownloadButton from 'material-ui/svg-icons/action/backup';
16 | import DuplicateButton from 'material-ui/svg-icons/content/content-copy';
17 | import RaisedButton from 'material-ui/RaisedButton';
18 | import { createProfile, setProfileEnabled, removeProfile } from '../actions/profiles';
19 | import addNotification from '../actions/notification';
20 | import Layout from '../containers/Layout';
21 | import ProfileCreateForm from './ProfileCreateForm';
22 | import ProfileExportForm from './ProfileExportForm';
23 | import ProfileImportForm from './ProfileImportForm';
24 | import ProfileToggle from './ProfileToggle';
25 | import CryptoService from '../../services/CryptoService';
26 | import ChromeService from '../../services/ChromeService';
27 | import { slugify } from '../utils/Helpers';
28 |
29 | class Profile extends Component {
30 | constructor(props) {
31 | super(props);
32 | this.state = {
33 | createModalOpen: false,
34 | exportModalOpen: false,
35 | importModalOpen: false,
36 | exportingProfile: null,
37 | };
38 | }
39 |
40 | onSetProfile(profileName) {
41 | this.props.setProfileEnabled(profileName);
42 | }
43 |
44 | requestCloseModal() {
45 | this.setState({
46 | createModalOpen: false,
47 | });
48 | }
49 |
50 | requestModalOpen() {
51 | this.setState({
52 | createModalOpen: true,
53 | });
54 | }
55 |
56 | requestExportModalOpen(profile) {
57 | this.setState({
58 | exportModalOpen: true,
59 | exportingProfile: profile,
60 | });
61 | }
62 |
63 | requestCloseExportModal() {
64 | this.setState({
65 | exportModalOpen: false,
66 | exportingProfile: null,
67 | });
68 | }
69 |
70 | requestImportModalOpen() {
71 | if (ChromeService.isPopup()) {
72 | ChromeService.openOptionsPage('profiles');
73 | return;
74 | }
75 | this.setState({
76 | importModalOpen: true,
77 | });
78 | }
79 |
80 | requestCloseImportModal() {
81 | this.setState({
82 | importModalOpen: false,
83 | });
84 | }
85 |
86 | onRequestDeleteProfile(name) {
87 | this.props.removeProfile(name);
88 | }
89 |
90 | handleSubmit(data) {
91 | this.props.createProfile(data.name, data.description);
92 | this.requestCloseModal();
93 | }
94 |
95 | handleExport(data) {
96 | this.exportProfile(data.password, data.name);
97 | this.requestCloseExportModal();
98 | }
99 |
100 | async handleImport(data) {
101 | const { file, password } = data;
102 | const { notify, profiles } = this.props;
103 | try {
104 | const promise = new Promise((resolve, reject) => {
105 | const reader = new FileReader();
106 | reader.onload = e => resolve(e.target.result);
107 | reader.onerror = reject;
108 | reader.readAsText(file);
109 | });
110 | const result = await promise;
111 | const decrypted = CryptoService.decrypt(result, password);
112 | const json = JSON.parse(decrypted);
113 | if (!json.name || !json.profile) throw new Error('Malformed json data');
114 | const existingNames = profiles.filter(x => x.name === json.name);
115 | if (existingNames.length) {
116 | json.name = `${json.name}(${existingNames.length})`;
117 | }
118 | this.props.createProfile(json.name, json.profile.description, json.profile.settings);
119 | notify('Profile successfully imported');
120 | } catch (e) {
121 | console.error(e);
122 | notify('Error while importing profile, corrupted data or invalid password');
123 | } finally {
124 | this.requestCloseImportModal();
125 | }
126 | }
127 |
128 | exportProfile(password, name) {
129 | const { exportingProfile } = this.state;
130 | const data = {
131 | name,
132 | profile: exportingProfile,
133 | };
134 | const result = CryptoService.encrypt(JSON.stringify(data), password);
135 | // Save as file
136 | const url = `data:application/json,${result}`;
137 | chrome.downloads.download({
138 | url,
139 | filename: slugify(name) + '.pfl',
140 | });
141 | }
142 |
143 | duplicateProfile(profile) {
144 | const { notify, profiles, createProfile } = this.props;
145 | let profileName = `${profile.name} - copy`;
146 | const existingNames = profiles.filter(x => x.name === profileName);
147 | if (existingNames.length) {
148 | profileName = `${profileName}(${existingNames.length})`;
149 | }
150 | createProfile(profileName, profile.description, profile.settings);
151 | notify('Profile duplicated');
152 | }
153 |
154 | render() {
155 | const { profiles } = this.props;
156 |
157 | return (
158 | Configure your desired sizes
27 |
28 | this.handleSetAny()}
30 | label="Use any size for all"
31 | />
32 |
33 |
193 | this.requestModalOpen()} primary />
196 | this.requestImportModalOpen()} />
197 |
198 | Create, import or export profiles to manage your different configurations.
194 |Note: AutoCop products are independent of profiles.
195 |
155 | this.requestModalOpen()} primary />
162 | this.runAll()} />
163 |
164 | Each product you add will be automatically added to your cart by the AutoCop once the timer reaches its end.
156 |Click 'Run now' to manually trigger AutoCop for a single product
157 |Autocop status: {this.props.atcEnabled ? 'ENABLED' : 'DISABLED'}
158 | { this.state.remainingTimeAtc && 159 |Autocop starting in: {this.state.remainingTimeAtc}
160 | } 161 |
48 |
56 |
61 | );
62 | }
63 | }
64 |
65 | const Options = props => {
66 | const { handleSubmit, pristine, submitting, atcEnabled } = props;
67 | return (
68 |
57 | this.setOpen(true)} style={{ paddingLeft: 0 }} iconStyle={{ height: 16, width: 16 }}> {title}
58 | { field }
59 |
60 |
69 |
333 | );
334 | };
335 |
336 | const OptionsForm = reduxForm({
337 | form: 'options',
338 | })(Options);
339 |
340 | const selector = formValueSelector('options');
341 |
342 | function mapStateToProps(state, ownProps) {
343 | const currentProfile = state.profiles.currentProfile;
344 | const settings = state.profiles.profiles.filter(x => x.name === currentProfile)[0].settings;
345 | const initialValues = Object.assign({}, defaultValues, (settings[ownProps.shop] || {})[menus.MENU_OPTIONS] || {});
346 | if (initialValues['atcStartDate'] && initialValues['atcStartDate'] !== 'Invalid Date') {
347 | initialValues['atcStartDate'] = new Date(initialValues['atcStartDate']);
348 | }
349 | return {
350 | initialValues,
351 | atcEnabled: selector(state, 'atcEnabled'),
352 | };
353 | }
354 |
355 | Options.propTypes = {
356 | shop: PropTypes.string.isRequired,
357 | };
358 |
359 |
360 | export default connect(mapStateToProps)(OptionsForm);
361 |
--------------------------------------------------------------------------------
/bot/src/app/components/shops/supreme/AtcCreateForm.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component, PropTypes } from 'react';
2 | import { reduxForm, Field } from 'redux-form';
3 | import { connect } from 'react-redux';
4 | import ChipInput from 'material-ui-chip-input';
5 | import MenuItem from 'material-ui/MenuItem';
6 | import {
7 | TextField,
8 | SelectField,
9 | Toggle,
10 | } from 'redux-form-material-ui';
11 | import RaisedButton from 'material-ui/RaisedButton';
12 | import FlatButton from 'material-ui/FlatButton';
13 | import IconButton from 'material-ui/IconButton';
14 | import ActionDelete from 'material-ui/svg-icons/action/delete';
15 | import { orange400, blue400, green400, red400 } from 'material-ui/styles/colors';
16 | import * as Validators from '../../../utils/FormValidators';
17 | import Styles from '../../../constants/Styles';
18 | import * as Utils from '../../../constants/Utils';
19 | import ProductsService from '../../../../services/supreme/ProductsService';
20 | import KeywordsService from '../../../../services/KeywordsService';
21 | import DropsService from '../../../../services/supreme/DropsService';
22 | import FuzzyStringMatcher from '../../../utils/FuzzyStringMatcher';
23 |
24 |
25 | function getSizeForCategory(category) {
26 | switch (category) {
27 | case 'accessories':
28 | case 't-shirts':
29 | case 'sweatshirts':
30 | case 'tops-sweaters':
31 | case 'shirts':
32 | case 'jackets':
33 | return Utils.sizes;
34 | case 'pants':
35 | case 'shorts':
36 | return Utils.sizesPants;
37 | case 'shoes':
38 | return Utils.shoeSizes;
39 | case 'skate':
40 | return Utils.skateSizes;
41 | case 'hats':
42 | return Utils.hatsSizes;
43 | default:
44 | return [];
45 | }
46 | }
47 |
48 | class AtcCreateForm extends Component {
49 | constructor(props) {
50 | super(props);
51 | this.state = {
52 | keywords: props.initialValues.keywords || [],
53 | category: props.initialValues.category,
54 | matchedProducts: [],
55 | matchedDropProducts: [],
56 | };
57 | if (props.initialValues && props.initialValues.category) {
58 | this.onKeywordChange(props.initialValues.keywords);
59 | }
60 | }
61 |
62 | async onKeywordChange(keywords) {
63 | if (!this.state.category || !this.state.keywords.length) {
64 | return;
65 | }
66 | const monitoredProducts = await ProductsService.fetchProducts();
67 | const matches = KeywordsService.findMatches(monitoredProducts, keywords, this.state.category) || [];
68 | this.setState({
69 | matchedProducts: matches.map(x => x.name),
70 | });
71 | const dropProducts = (await DropsService.fetchLatestDropProducts()).filter(x => x.category === this.state.category);
72 | const matcher = new FuzzyStringMatcher(dropProducts, { key: 'name' });
73 | const dropMatches = matcher.search(keywords.join(' '));
74 | this.setState({
75 | matchedDropProducts: dropMatches.map(x => x.name),
76 | });
77 | }
78 |
79 | addIgnoreKeyword(productName) {
80 | const productKeywords = productName.split(' ').map(x => x.toLowerCase());
81 | const keywords = this.state.keywords.map(x => x.toLowerCase());
82 | const ignoringKeyword = productKeywords.find(x => keywords.indexOf(x) === -1);
83 | if (ignoringKeyword) {
84 | const newKeywords = [`!${ignoringKeyword}`, ...this.state.keywords];
85 | this.props.change('keywords', newKeywords);
86 | this.setState({
87 | keywords: newKeywords,
88 | });
89 | this.onKeywordChange(newKeywords);
90 | }
91 | }
92 |
93 | render() {
94 | const { handleSubmit, pristine, submitting, onRequestClose, atcProducts, initialValues, editing } = this.props;
95 | const renderChip = ({input, hintText, floatingLabelText, meta: {touched, error} }) => (
96 | Configure options and features of the bot
70 |
142 |
340 | );
341 | }
342 | }
343 |
344 | AtcCreateForm.propTypes = {
345 | onRequestClose: PropTypes.function,
346 | };
347 |
348 | const Form = reduxForm({
349 | form: 'atc-form',
350 | })(AtcCreateForm);
351 |
352 | function mapStateToProps(state, ownProps) {
353 | return {
354 | atcProducts: state.atc.atcProducts,
355 | initialValues: Object.assign({
356 | enabled: true,
357 | retryCount: 'inf',
358 | soldOutAction: 'skip',
359 | }, ownProps.initialValues),
360 | };
361 | }
362 |
363 | export default connect(mapStateToProps)(Form);
364 |
--------------------------------------------------------------------------------
ATC Product description is only used to differentiate different ATC products, it doesn't have any effect on the Autocop process.
143 |Keywords is the most important information to find a product for Autocop, make sure to add detailed keywords. For example for a Box Logo add the following keywords: box, logo, hoodie.
144 |You can also add negative keywords by prepending a "!" to a keyword, for example the keywords "box logo !longsleeve tee" will match a product like "Box Logo Tee" but not "Box Logo Longsleeve tee"
145 |If you do not select a size, AutoCop will choose the size you selected in the "Sizings" tab.
146 | {this.state.matchedProducts.length > 0 && (147 | Warning! Your keywords already matches with the following products from the store, click on the bin to ignore unwanted products: 148 |
-
149 | {this.state.matchedProducts.map(x => {
150 | return (
151 |
- {x}
152 |
this.addIgnoreKeyword(x)} 156 | tooltip="Add negative keywords to ignore" 157 | > 158 | 160 |159 |
161 | );
162 | })}
163 |
166 | Warning! Your keywords matches with multiple products from the incoming drop, click on the bin to ignore unwanted products: 167 |
-
168 | {this.state.matchedDropProducts.map(x => {
169 | return (
170 |
- {x}
171 |
this.addIgnoreKeyword(x)} 175 | tooltip="Add negative keywords to ignore" 176 | > 177 | 179 |178 |
180 | );
181 | })}
182 |
186 |
191 |
192 | )}
193 |
339 | The keywords will match the following product from the incoming drop:
187 |-
188 |
- {this.state.matchedDropProducts[0]} 189 |