├── public
├── sites
│ ├── any.js
│ ├── shopify-cs.js
│ ├── supreme.js
│ ├── shopify.js
│ └── stripe.js
├── favicon.ico
├── logo192.png
├── logo512.png
├── robots.txt
├── manifest.json
├── index.html
└── background.js
├── .env
├── src
├── shared
│ ├── actions
│ │ ├── settingAction.js
│ │ ├── manualAction.js
│ │ └── profileAction.js
│ ├── reducers
│ │ ├── settingReducer.js
│ │ ├── index.js
│ │ ├── manualReducer.js
│ │ └── profileReducer.js
│ ├── store
│ │ └── index.js
│ ├── components
│ │ ├── Icon
│ │ │ └── index.js
│ │ ├── Radio
│ │ │ └── index.js
│ │ ├── Tabs
│ │ │ ├── Tab
│ │ │ │ ├── index.js
│ │ │ │ └── Styles.js
│ │ │ ├── Styles.js
│ │ │ └── index.js
│ │ ├── Label
│ │ │ └── index.js
│ │ ├── Input
│ │ │ └── index.js
│ │ ├── Button
│ │ │ └── index.js
│ │ └── Select
│ │ │ └── index.js
│ ├── constants
│ │ ├── types.js
│ │ └── any.js
│ └── utils
│ │ └── storage.js
├── App
│ ├── Settings
│ │ ├── Styles.js
│ │ ├── Shopify
│ │ │ ├── Styles.js
│ │ │ └── index.js
│ │ ├── Stripe
│ │ │ ├── Styles.js
│ │ │ └── index.js
│ │ ├── Supreme
│ │ │ ├── Styles.js
│ │ │ └── index.js
│ │ └── index.js
│ ├── Styles.js
│ ├── Manual
│ │ ├── index.js
│ │ ├── SelectorForm
│ │ │ └── index.js
│ │ ├── Styles.js
│ │ └── SiteForm
│ │ │ └── index.js
│ ├── Profile
│ │ ├── index.js
│ │ ├── Styles.js
│ │ ├── ProfileSelector
│ │ │ └── index.js
│ │ └── ProfileForm
│ │ │ └── index.js
│ ├── BaseStyles.js
│ ├── index.js
│ └── NormalizeStyles.js
├── index.js
└── serviceWorker.js
├── .gitignore
├── README.md
├── package.json
└── LICENSE
/public/sites/any.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.env:
--------------------------------------------------------------------------------
1 | INLINE_RUNTIME_CHUNK=false
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ericz99/autofill-extension/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ericz99/autofill-extension/HEAD/public/logo192.png
--------------------------------------------------------------------------------
/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ericz99/autofill-extension/HEAD/public/logo512.png
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/src/shared/actions/settingAction.js:
--------------------------------------------------------------------------------
1 | import { UPDATE_CONFIG } from "../constants/types";
2 |
3 | export const setConfig = (options) => {
4 | return {
5 | type: UPDATE_CONFIG,
6 | payload: options,
7 | };
8 | };
9 |
--------------------------------------------------------------------------------
/src/shared/reducers/settingReducer.js:
--------------------------------------------------------------------------------
1 | import { UPDATE_CONFIG } from "../constants/types";
2 |
3 | const initialState = {};
4 |
5 | export default function (state = initialState, action) {
6 | switch (action.type) {
7 | case UPDATE_CONFIG:
8 | return action.payload;
9 | default:
10 | return state;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/shared/reducers/index.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from "redux";
2 | import profileReducer from "./profileReducer";
3 | import settingReducer from "./settingReducer";
4 | import manualReducer from "./manualReducer";
5 |
6 | export default combineReducers({
7 | profile: profileReducer,
8 | setting: settingReducer,
9 | manual: manualReducer,
10 | });
11 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/src/shared/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore, applyMiddleware } from "redux";
2 | import { composeWithDevTools } from "redux-devtools-extension";
3 | import thunk from "redux-thunk";
4 | import rootReducer from "../reducers";
5 |
6 | const initialState = {};
7 | const middleware = [thunk];
8 |
9 | export default createStore(
10 | rootReducer,
11 | initialState,
12 | composeWithDevTools(applyMiddleware(...middleware))
13 | );
14 |
--------------------------------------------------------------------------------
/src/App/Settings/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const Wrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | position: relative;
7 | `;
8 |
9 | export const Header = styled.h5`
10 | font-weight: 500;
11 | margin-bottom: 10px;
12 | `;
13 |
14 | export const ActiveProfileSelector = styled.div`
15 | display: block;
16 | position: relative;
17 | margin-bottom: 15px;
18 | `;
19 |
--------------------------------------------------------------------------------
/src/App/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const Wrapper = styled.div`
4 | position: relative;
5 | display: block;
6 | padding: 25px;
7 | width: 350px;
8 | min-height: 600px;
9 | max-height: 600px;
10 | height: 600px;
11 | background-image: linear-gradient(#222231 750px, #191824 100%);
12 | color: #ffffff;
13 | font-family: "Montserrat", sans-serif;
14 | `;
15 |
16 | export const Tab = styled.div``;
17 |
--------------------------------------------------------------------------------
/src/App/Manual/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useSelector } from "react-redux";
3 |
4 | import SelectorForm from "./SelectorForm";
5 | import SiteForm from "./SiteForm";
6 |
7 | import { Wrapper } from "./Styles";
8 |
9 | export default function Manual() {
10 | const { sites, selectedSite } = useSelector((state) => state.manual);
11 |
12 | return (
13 |
14 |
15 |
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/App/Profile/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useSelector } from "react-redux";
3 |
4 | import ProfileForm from "./ProfileForm";
5 | import ProfileSelector from "./ProfileSelector";
6 |
7 | import { Wrapper } from "./Styles";
8 |
9 | export default function Profile() {
10 | const { selectedProfile } = useSelector((state) => state.profile);
11 |
12 | return (
13 |
14 |
15 |
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/shared/components/Icon/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3 | import styled from "styled-components";
4 |
5 | export const IconStyle = styled.i`
6 | @media (max-width: 1100px) {
7 | transition: all ease-in-out 0.3s;
8 | &:hover {
9 | border-radius: 10px;
10 | transition: all ease-in-out 0.3s;
11 | }
12 | }
13 | `;
14 |
15 | export default function Icon({ icon }) {
16 | return (
17 |
18 |
19 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/src/shared/components/Radio/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styled from "styled-components";
3 | import Checkbox from "rc-checkbox";
4 |
5 | export const Label = styled.label`
6 | margin-left: 15px;
7 | `;
8 |
9 | export default function Radio({
10 | defaultCheck,
11 | type,
12 | onChange,
13 | name,
14 | ...props
15 | }) {
16 | return (
17 |
26 | );
27 | }
28 |
--------------------------------------------------------------------------------
/src/shared/components/Tabs/Tab/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import { TabStyled, TabBody, TabHead } from "./Styles";
4 |
5 | export default function Tab({ activeTab, label, onClick, ...props }) {
6 | const handleActiveTab = () => {
7 | // # set back activetab
8 | onClick(label);
9 | };
10 |
11 | return (
12 |
17 |
18 | {label}
19 |
20 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/shared/actions/manualAction.js:
--------------------------------------------------------------------------------
1 | import {
2 | CREATED_NEW_SITE,
3 | UPDATED_NEW_SITE,
4 | SELECTED_SITE,
5 | } from "../constants/types";
6 |
7 | export const addNewSite = (site) => (dispatch) => {
8 | dispatch({
9 | type: CREATED_NEW_SITE,
10 | payload: site,
11 | });
12 | };
13 |
14 | export const updateSite = (sites) => (dispatch) => {
15 | dispatch({
16 | type: UPDATED_NEW_SITE,
17 | payload: sites,
18 | });
19 | };
20 |
21 | export const selectSite = (site) => (dispatch) => {
22 | dispatch({
23 | type: SELECTED_SITE,
24 | payload: site,
25 | });
26 | };
27 |
--------------------------------------------------------------------------------
/src/shared/components/Label/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styled from "styled-components";
3 |
4 | import { IconStyle } from "../Icon";
5 |
6 | export const LabelStyled = styled.span`
7 | display: flex;
8 | align-items: center;
9 | font-size: 14px;
10 | margin-bottom: 10px;
11 | color: ${(props) => props.color};
12 | font-weight: 500;
13 | ${IconStyle} {
14 | padding: 8px;
15 | font-weight: 200;
16 | color: rgba(65, 76, 86, 0.6);
17 | }
18 | `;
19 |
20 | export default function Label({ children, color }) {
21 | return {children};
22 | }
23 |
--------------------------------------------------------------------------------
/src/shared/constants/types.js:
--------------------------------------------------------------------------------
1 | export const CREATED_PROFILE = "CREATED_PROFILE";
2 | export const DELETED_PROFILE = "DELETED_PROFILE";
3 | export const UPDATED_PROFILE = "UPDATED_PROFILE";
4 | export const LOAD_CONFIG = "LOAD_CONFIG";
5 | export const UPDATE_CONFIG = "UPDATE_CONFIG";
6 | export const SET_LOADING = "SET_LOADING";
7 | export const GET_ERROR = "GET_ERROR";
8 | export const SELECTED_PROFILE = "SELECTED_PROFILE";
9 | export const SET_ACTIVE_PROFILE = "SET_ACTIVE_PROFILE";
10 | export const CREATED_NEW_SITE = "CREATED_NEW_SITE";
11 | export const UPDATED_NEW_SITE = "UPDATED_NEW_SITE";
12 | export const SELECTED_SITE = "SELECTED_SITE";
13 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import { Provider } from "react-redux";
4 | import "rc-checkbox/assets/index.css";
5 |
6 | import App from "./App";
7 | import * as serviceWorker from "./serviceWorker";
8 |
9 | import store from "./shared/store";
10 |
11 | ReactDOM.render(
12 |
13 |
14 |
15 |
16 | ,
17 | document.getElementById("root")
18 | );
19 |
20 | // If you want your app to work offline and load faster, you can change
21 | // unregister() to register() below. Note this comes with some pitfalls.
22 | // Learn more about service workers: https://bit.ly/CRA-PWA
23 | serviceWorker.unregister();
24 |
--------------------------------------------------------------------------------
/src/shared/reducers/manualReducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | CREATED_NEW_SITE,
3 | UPDATED_NEW_SITE,
4 | SELECTED_SITE,
5 | } from "../constants/types";
6 |
7 | const initialState = {
8 | sites: [],
9 | selectedSite: {},
10 | };
11 |
12 | export default function (state = initialState, action) {
13 | switch (action.type) {
14 | case CREATED_NEW_SITE:
15 | return {
16 | ...state,
17 | sites: [...state.sites, action.payload],
18 | };
19 | case UPDATED_NEW_SITE:
20 | return {
21 | ...state,
22 | sites: action.payload,
23 | };
24 | case SELECTED_SITE:
25 | return {
26 | ...state,
27 | selectedSite: action.payload,
28 | };
29 | default:
30 | return state;
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/shared/components/Tabs/Tab/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const TabBody = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | width: 100%;
7 | `;
8 |
9 | export const TabHead = styled.h3`
10 | flex: 1;
11 | color: rgba(149, 165, 166, 1);
12 | font-size: 14px;
13 | font-weight: 100;
14 | background: none;
15 | `;
16 |
17 | export const TabDetail = styled.p`
18 | flex: 1;
19 | font-size: 14px;
20 | margin-top: 10px;
21 | color: rgba(171, 183, 183, 1);
22 | `;
23 |
24 | export const TabStyled = styled.li`
25 | display: inline-block;
26 | position: relative;
27 | border-bottom: 2px solid #e8e8e8;
28 | cursor: pointer;
29 | margin: 0 15px 0 0;
30 | height: 25px;
31 |
32 | &.active {
33 | border-bottom: 2px solid #2574a9;
34 | ${TabHead} {
35 | color: #2574a9;
36 | }
37 | }
38 | `;
39 |
--------------------------------------------------------------------------------
/src/shared/constants/any.js:
--------------------------------------------------------------------------------
1 | // # DEFAULT PROFILE
2 | export const testProfile = {
3 | profileName: "Test Profile",
4 | firstName: "Test",
5 | lastName: "Profile",
6 | email: "TestProfile@gmail.com",
7 | phone: "1234567890",
8 | address: "123 Main Street",
9 | address2: "Apartment 1",
10 | city: "New York",
11 | state: "NY",
12 | zipCode: "10001",
13 | cardName: "Test Profile",
14 | cardNumber: "1234567891234567",
15 | expMonth: "01",
16 | expYear: "2020",
17 | cvv: "123",
18 | country: "United States",
19 | };
20 |
21 | // # DEFAULT CONFIG
22 | export const defaultConfig = {
23 | shopify: {
24 | navigateSteps: true,
25 | processPayment: false,
26 | skipToCheckout: false,
27 | },
28 | supreme: {
29 | checkTerms: false,
30 | processPayment: false,
31 | },
32 | stripe: {
33 | autofill: false,
34 | processPayment: false,
35 | },
36 | };
37 |
--------------------------------------------------------------------------------
/src/shared/components/Tabs/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const TabStyled = styled.div`
4 | display: flex;
5 | position: relative;
6 | height: 100%;
7 | width: 100%;
8 | flex-direction: column;
9 | `;
10 |
11 | export const TabList = styled.ul`
12 | list-style: none;
13 | display: flex;
14 | justify-content: flex-start;
15 | flex: 1;
16 | padding: 0;
17 | margin: 0;
18 | `;
19 |
20 | export const Tab = styled.li`
21 | display: flex;
22 | `;
23 |
24 | export const TabBody = styled.div`
25 | display: flex;
26 | `;
27 |
28 | export const TabHead = styled.h3`
29 | flex: 1;
30 | `;
31 |
32 | export const TabDetail = styled.p`
33 | flex: 1;
34 | `;
35 |
36 | export const TabContent = styled.div`
37 | flex: 10;
38 | font-size: 14px;
39 | display: block;
40 | overflow-x: hidden;
41 | overflow-y: auto;
42 | -webkit-overflow-scrolling: touch;
43 | `;
44 |
--------------------------------------------------------------------------------
/src/App/Settings/Shopify/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const SiteWrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | flex-wrap: wrap;
7 | margin-bottom: 25px;
8 | `;
9 |
10 | export const SiteHeader = styled.div`
11 | display: flex;
12 | position: relative;
13 | align-items: center;
14 | padding: 0 65px;
15 |
16 | &:before {
17 | content: "";
18 | display: inline-block;
19 | position: absolute;
20 | left: 0;
21 | height: 2px;
22 | width: 15%;
23 | background: #ffffff;
24 | }
25 |
26 | &:after {
27 | content: "";
28 | display: inline-block;
29 | position: absolute;
30 | right: 0;
31 | height: 2px;
32 | width: 55%;
33 | background: #ffffff;
34 | }
35 | `;
36 |
37 | export const SiteRadio = styled.div`
38 | flex: 1;
39 | display: flex;
40 | align-items: center;
41 | margin-top: 15px;
42 | font-size: 13px;
43 | `;
44 |
--------------------------------------------------------------------------------
/src/App/Settings/Stripe/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const SiteWrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | flex-wrap: wrap;
7 | margin-bottom: 25px;
8 | `;
9 |
10 | export const SiteHeader = styled.div`
11 | display: flex;
12 | position: relative;
13 | align-items: center;
14 | padding: 0 65px;
15 |
16 | &:before {
17 | content: "";
18 | display: inline-block;
19 | position: absolute;
20 | left: 0;
21 | height: 2px;
22 | width: 15%;
23 | background: #ffffff;
24 | }
25 |
26 | &:after {
27 | content: "";
28 | display: inline-block;
29 | position: absolute;
30 | right: 0;
31 | height: 2px;
32 | width: 58%;
33 | background: #ffffff;
34 | }
35 | `;
36 |
37 | export const SiteRadio = styled.div`
38 | flex: 1;
39 | display: flex;
40 | align-items: center;
41 | margin-top: 15px;
42 | font-size: 13px;
43 | `;
44 |
--------------------------------------------------------------------------------
/src/App/Settings/Supreme/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const SiteWrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | flex-wrap: wrap;
7 | margin-bottom: 25px;
8 | `;
9 |
10 | export const SiteHeader = styled.div`
11 | display: flex;
12 | position: relative;
13 | align-items: center;
14 | padding: 0 65px;
15 |
16 | &:before {
17 | content: "";
18 | display: inline-block;
19 | position: absolute;
20 | left: 0;
21 | height: 2px;
22 | width: 15%;
23 | background: #ffffff;
24 | }
25 |
26 | &:after {
27 | content: "";
28 | display: inline-block;
29 | position: absolute;
30 | right: 0;
31 | height: 2px;
32 | width: 50%;
33 | background: #ffffff;
34 | }
35 | `;
36 |
37 | export const SiteRadio = styled.div`
38 | flex: 1;
39 | display: flex;
40 | align-items: center;
41 | margin-top: 15px;
42 | font-size: 13px;
43 | `;
44 |
--------------------------------------------------------------------------------
/src/shared/actions/profileAction.js:
--------------------------------------------------------------------------------
1 | import {
2 | CREATED_PROFILE,
3 | DELETED_PROFILE,
4 | UPDATED_PROFILE,
5 | SELECTED_PROFILE,
6 | SET_ACTIVE_PROFILE,
7 | } from "../constants/types";
8 |
9 | export const addProfile = (profileData) => (dispatch) => {
10 | dispatch({
11 | type: CREATED_PROFILE,
12 | payload: profileData,
13 | });
14 | };
15 |
16 | export const deleteProfile = (idx) => (dispatch) => {
17 | dispatch({
18 | type: DELETED_PROFILE,
19 | payload: idx,
20 | });
21 | };
22 |
23 | export const updateProfile = (profiles) => (dispatch) => {
24 | dispatch({
25 | type: UPDATED_PROFILE,
26 | payload: profiles,
27 | });
28 | };
29 |
30 | export const selectProfile = (profile) => (dispatch) => {
31 | dispatch({
32 | type: SELECTED_PROFILE,
33 | payload: profile,
34 | });
35 | };
36 |
37 | export const setActiveProfile = (profile) => (dispatch) => {
38 | dispatch({
39 | type: SET_ACTIVE_PROFILE,
40 | payload: profile,
41 | });
42 | };
43 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "AIO Extension",
4 | "author": "Eric Zhang",
5 | "version": "1.0.0",
6 | "browser_action": {
7 | "default_popup": "index.html",
8 | "default_title": "AIO Extension"
9 | },
10 | "permissions": ["storage", "tabs", "cookies", "https://*/*", "http://*/*"],
11 | "background": {
12 | "scripts": ["background.js"]
13 | },
14 | "content_scripts" : [
15 | {
16 | "matches": ["https://*/*/checkouts/*"],
17 | "js": ["sites/shopify.js"]
18 | },
19 | {
20 | "matches": ["https://*.shopifycs.com/*"],
21 | "js": ["sites/shopify-cs.js"],
22 | "all_frames": true
23 | },
24 | {
25 | "run_at": "document_end",
26 | "matches": ["https://checkout.stripe.com/*", "https://*.stripe.com/*"],
27 | "js": ["sites/stripe.js"],
28 | "all_frames": true
29 | },
30 | {
31 | "matches": ["https://www.supremenewyork.com/checkout"],
32 | "js": ["sites/supreme.js"],
33 | "all_frames": true
34 | }
35 | ]
36 | }
37 |
--------------------------------------------------------------------------------
/src/shared/components/Tabs/index.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 |
3 | import Tab from "./Tab";
4 |
5 | import { TabStyled, TabList, TabContent } from "./Styles";
6 |
7 | export default function Tabs({ children }) {
8 | const [activeTab, setActiveTab] = useState(children[0].props.label);
9 |
10 | const handleSetActiveTab = (tab) => {
11 | setActiveTab(tab);
12 | };
13 |
14 | return (
15 |
16 |
17 | {children.map((child) => {
18 | const { label } = child.props;
19 |
20 | return (
21 |
27 | );
28 | })}
29 |
30 |
31 |
32 | {children.map((child) => {
33 | if (child.props.label !== activeTab) return undefined;
34 | return child.props.children;
35 | })}
36 |
37 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## AIO Extension
2 |
3 | Easy to use chrome extension, follow the installation below to get started!
4 |
5 | ## Installation
6 |
7 | 1. In your preferred directiory, run `git clone https://github.com/ericz99/aio-extension`.
8 | 2. Go to chrome://extensions/.
9 | 3. Enable Developer mode.
10 | 4. Run `cd aio-extension && yarn run build`.
11 | 5. Unpack the `build` folder.
12 |
13 | ## Features
14 |
15 | - Autofill, preset site, eg: shopify, supreme, stripe.
16 | - Shopify request based checkout.
17 | - DIY autofill.
18 | - many more...
19 |
20 | ## Todo
21 |
22 | - [ ] Manual DIY Autofill (CURRENTLY NOT WORKING)
23 |
24 | ## Pictures
25 |
26 | 
27 |
28 | 
29 |
30 | 
31 |
32 | ## App Info
33 |
34 | ### Author
35 |
36 | Eric Zhang
37 |
38 | ### Version
39 |
40 | 1.0.0
41 |
42 | ### License
43 |
44 | This project is licensed under the GPL-3.0 LICENSE - see the [LICENSE](LICENSE) file for details
--------------------------------------------------------------------------------
/src/App/Manual/SelectorForm/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useDispatch } from "react-redux";
3 |
4 | import { selectSite } from "../../../shared/actions/manualAction";
5 | import Select from "../../../shared/components/Select";
6 |
7 | import { Row, FormControl } from "../Styles";
8 |
9 | export default function SelectorForm({ sites }) {
10 | const dispatch = useDispatch();
11 |
12 | const handleOnChange = (e) => {
13 | const { value } = e.target;
14 |
15 | sites.forEach((item) => {
16 | if (item.siteName.trim().toLowerCase() === value.trim().toLowerCase()) {
17 | // # dispatch to redux state
18 | dispatch(selectSite(item));
19 | }
20 | });
21 | };
22 |
23 | return (
24 |
25 |
26 |
34 |
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/src/shared/components/Input/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styled from "styled-components";
3 |
4 | export const InputStyled = styled.input`
5 | display: block;
6 | padding: 5px 8px;
7 | color: ${(props) => props.color};
8 | font-size: 14px;
9 | margin: 0 15px 0 0;
10 | border-radius: 5px;
11 | width: 100%;
12 | background: none;
13 | border: 2px solid ${(props) => props.bgColor};
14 | background: rgb(223, 225, 230);
15 | &:focus {
16 | background: #ffffff;
17 | border: 2px solid rgb(7, 71, 166);
18 | }
19 | `;
20 |
21 | export default function Input({
22 | type,
23 | disabled,
24 | onChange,
25 | placeholder,
26 | value,
27 | name,
28 | className,
29 | color,
30 | bgColor,
31 | ...props
32 | }) {
33 | return (
34 |
46 | );
47 | }
48 |
--------------------------------------------------------------------------------
/src/App/Settings/Stripe/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import Radio from "../../../shared/components/Radio";
4 |
5 | import { SiteHeader, SiteWrapper, SiteRadio } from "./Styles";
6 |
7 | export default function Stripe({ handleChange, settings }) {
8 | const handleOptionUpdate = (name) => {
9 | handleChange(name);
10 | };
11 |
12 | return (
13 | <>
14 |
15 | Stripe
16 |
17 | Autofill
18 | handleOptionUpdate("autofill")}
20 | name="autofill"
21 | defaultCheck={settings["stripe"]["autofill"]}
22 | type="checkbox"
23 | />
24 |
25 |
26 | Process Payment
27 | handleOptionUpdate("processPayment")}
29 | name="processPayment"
30 | defaultCheck={settings["stripe"]["processPayment"]}
31 | type="checkbox"
32 | />
33 |
34 |
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/src/App/Settings/Supreme/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import Radio from "../../../shared/components/Radio";
4 |
5 | import { SiteHeader, SiteWrapper, SiteRadio } from "./Styles";
6 |
7 | export default function Supreme({ handleChange, settings }) {
8 | const handleOptionUpdate = (name) => {
9 | handleChange(name);
10 | };
11 |
12 | return (
13 | <>
14 |
15 | Supreme
16 |
17 | Check Terms
18 | handleOptionUpdate("checkTerms")}
20 | name="checkTerms"
21 | defaultCheck={settings["supreme"]["checkTerms"]}
22 | type="checkbox"
23 | />
24 |
25 |
26 | Process Payment
27 | handleOptionUpdate("processPayment")}
29 | name="processPayment"
30 | defaultCheck={settings["supreme"]["processPayment"]}
31 | type="checkbox"
32 | />
33 |
34 |
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/src/shared/components/Button/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styled from "styled-components";
3 |
4 | import Icon from "../Icon";
5 |
6 | export const ButtonStyled = styled.button`
7 | padding: 12px 38px;
8 | display: flex;
9 | justify-content: center;
10 | align-items: center;
11 | background: ${(props) => props.bgColor};
12 | color: #ffffff;
13 | cursor: pointer;
14 | border-radius: 5px;
15 | position: relative;
16 | margin-right: 15px;
17 | width: 100%;
18 |
19 | &:nth-child(1) {
20 | margin-right: 10px;
21 | display: inline-block;
22 | }
23 |
24 | &:nth-child(2) {
25 | margin: 0;
26 | display: inline-block;
27 | }
28 | `;
29 |
30 | export const ButtonText = styled.div`
31 | font-size: 14px;
32 | font-weight: 600;
33 | `;
34 |
35 | export default function Button({
36 | type,
37 | onClick,
38 | children,
39 | icon,
40 | bgColor,
41 | ...props
42 | }) {
43 | return (
44 |
45 | {children}
46 | {icon && }
47 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/shared/reducers/profileReducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | CREATED_PROFILE,
3 | DELETED_PROFILE,
4 | UPDATED_PROFILE,
5 | SELECTED_PROFILE,
6 | SET_ACTIVE_PROFILE,
7 | } from "../constants/types";
8 |
9 | const initialState = {
10 | profiles: [],
11 | selectedProfile: {},
12 | activeProfile: {},
13 | };
14 |
15 | export default function (state = initialState, action) {
16 | switch (action.type) {
17 | case CREATED_PROFILE:
18 | return {
19 | ...state,
20 | profiles: [...state.profiles, action.payload],
21 | };
22 | case DELETED_PROFILE:
23 | return {
24 | ...state,
25 | profiles: state.profiles.filter((_, idx) => idx !== action.payload),
26 | };
27 | case UPDATED_PROFILE:
28 | return {
29 | ...state,
30 | profiles: action.payload,
31 | };
32 | case SELECTED_PROFILE:
33 | return {
34 | ...state,
35 | selectedProfile: action.payload,
36 | };
37 | case SET_ACTIVE_PROFILE:
38 | return {
39 | ...state,
40 | activeProfile: action.payload,
41 | };
42 | default:
43 | return state;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/App/Profile/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const Wrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | position: relative;
7 | `;
8 |
9 | export const SmallHelpText = styled.small`
10 | display: block;
11 | font-size: 11px;
12 | color: rgba(65, 76, 86, 1);
13 | line-height: 18px;
14 | margin-top: 5px;
15 | `;
16 |
17 | export const Form = styled.form`
18 | display: flex;
19 | flex-direction: column;
20 | position: relative;
21 | `;
22 |
23 | export const FormControl = styled.div`
24 | display: block;
25 | margin: 0 0 10px 0;
26 | width: 100%;
27 | flex: 1;
28 | `;
29 |
30 | export const SplitControl = styled.div`
31 | display: block;
32 | width: 100%;
33 | flex: 1;
34 | margin-bottom: 10px;
35 |
36 | &:nth-child(1) {
37 | margin-right: 5px;
38 | }
39 |
40 | &:nth-child(3) {
41 | margin-left: 5px;
42 | }
43 | `;
44 |
45 | export const Row = styled.div`
46 | display: flex;
47 | `;
48 |
49 | export const Header = styled.div`
50 | font-size: 14px;
51 | font-weight: 100;
52 | display: block;
53 | text-align: center;
54 | margin-bottom: 15px;
55 | `;
56 |
--------------------------------------------------------------------------------
/src/shared/components/Select/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styled from "styled-components";
3 |
4 | export const SelectStyled = styled.select`
5 | border: 2px solid ${(props) => props.bgColor};
6 | background: rgb(223, 225, 230);
7 | display: block;
8 | padding: 4px 8px;
9 | color: ${(props) => props.color};
10 | font-size: 14px;
11 | margin: 0 15px 0 0;
12 | border-radius: 5px;
13 | width: 100%;
14 | background: rgb(223, 225, 230);
15 | position: relative;
16 |
17 | &:active {
18 | background: #ffffff;
19 | border: 2px solid rgb(7, 71, 166);
20 | }
21 | `;
22 |
23 | export const Option = styled.option``;
24 |
25 | export default function Select({
26 | name,
27 | options,
28 | defaultValue,
29 | value,
30 | ...props
31 | }) {
32 | return (
33 |
34 |
37 | {options.map((option, idx) => (
38 |
41 | ))}
42 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/src/App/Profile/ProfileSelector/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useSelector, useDispatch } from "react-redux";
3 |
4 | import { selectProfile } from "../../../shared/actions/profileAction";
5 | import Select from "../../../shared/components/Select";
6 |
7 | import { Row, FormControl } from "../Styles";
8 |
9 | export default function ProfileSelector() {
10 | const { profiles } = useSelector((state) => state.profile);
11 | const dispatch = useDispatch();
12 |
13 | const handleProfileSelect = (e) => {
14 | const { value } = e.target;
15 |
16 | // # FETCH THE PROFILE
17 | profiles.forEach((profile) => {
18 | if (profile.profileName.trim() === value.trim()) {
19 | // # SELECT AS PROFILE
20 | dispatch(selectProfile(profile));
21 | }
22 | });
23 | };
24 |
25 | return (
26 | <>
27 |
28 |
29 |
37 |
38 |
39 |
40 | );
41 | }
42 |
--------------------------------------------------------------------------------
/src/App/Manual/Styles.js:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const Wrapper = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | position: relative;
7 | `;
8 |
9 | export const SmallHelpText = styled.small`
10 | display: block;
11 | font-size: 11px;
12 | color: rgba(65, 76, 86, 1);
13 | line-height: 18px;
14 | margin-top: 5px;
15 | `;
16 |
17 | export const Form = styled.form`
18 | display: flex;
19 | flex-direction: column;
20 | position: relative;
21 | width: 100%;
22 | `;
23 |
24 | export const FormControl = styled.div`
25 | display: block;
26 | margin: 0 0 10px 0;
27 | width: 100%;
28 | flex: 1;
29 | `;
30 |
31 | export const SplitControl = styled.div`
32 | display: block;
33 | width: 100%;
34 | flex: 1;
35 | margin-bottom: 10px;
36 |
37 | &:nth-child(1) {
38 | margin-right: 5px;
39 | }
40 |
41 | &:nth-child(3) {
42 | margin-left: 5px;
43 | }
44 | `;
45 |
46 | export const Row = styled.div`
47 | display: flex;
48 | `;
49 |
50 | export const Header = styled.div`
51 | font-size: 14px;
52 | font-weight: 100;
53 | display: block;
54 | text-align: center;
55 | margin-bottom: 15px;
56 | `;
57 |
58 | export const ButtonGroup = styled.div`
59 | display: flex;
60 | flex-direction: row;
61 | width: 100%;
62 | margin-bottom: 10px;
63 | `;
64 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "aio-extension",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@fortawesome/fontawesome-svg-core": "^1.2.29",
7 | "@fortawesome/free-solid-svg-icons": "^5.13.1",
8 | "@fortawesome/react-fontawesome": "^0.1.11",
9 | "@testing-library/jest-dom": "^4.2.4",
10 | "@testing-library/react": "^9.3.2",
11 | "@testing-library/user-event": "^7.1.2",
12 | "rc-checkbox": "^2.2.0",
13 | "react": "^16.13.1",
14 | "react-dom": "^16.13.1",
15 | "react-hook-form": "^5.7.2",
16 | "react-redux": "^7.2.0",
17 | "react-router-dom": "^5.2.0",
18 | "react-scripts": "3.4.1",
19 | "redux": "^4.0.5",
20 | "redux-devtools-extension": "^2.13.8",
21 | "redux-thunk": "^2.3.0",
22 | "styled-components": "^5.1.1"
23 | },
24 | "scripts": {
25 | "start": "react-scripts start",
26 | "build": "react-scripts build",
27 | "test": "react-scripts test",
28 | "eject": "react-scripts eject"
29 | },
30 | "eslintConfig": {
31 | "extends": "react-app"
32 | },
33 | "browserslist": {
34 | "production": [
35 | ">0.2%",
36 | "not dead",
37 | "not op_mini all"
38 | ],
39 | "development": [
40 | "last 1 chrome version",
41 | "last 1 firefox version",
42 | "last 1 safari version"
43 | ]
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/shared/utils/storage.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | // # gets all profile stored in local storage
3 | export const getProfiles = () => {
4 | return JSON.parse(localStorage.getItem("profiles"));
5 | };
6 |
7 | // # save profiles to local storage
8 | export const saveProfiles = (profiles) => {
9 | localStorage.setItem("profiles", JSON.stringify(profiles));
10 | };
11 |
12 | // # get settings
13 | export const getSettings = () => {
14 | return JSON.parse(localStorage.getItem("settings"));
15 | };
16 |
17 | // # save settings
18 | export const saveSettings = (settings) => {
19 | localStorage.setItem("settings", JSON.stringify(settings));
20 | chrome.storage.local.set({ settings: settings });
21 | };
22 |
23 | // # set current profile
24 | export const setCurrentProfile = (profile) => {
25 | localStorage.setItem("activeProfile", JSON.stringify(profile));
26 | chrome.storage.local.set({ activeProfile: profile });
27 | };
28 |
29 | // # get current profile
30 | export const getCurrentProfile = () => {
31 | return JSON.parse(localStorage.getItem("activeProfile"));
32 | };
33 |
34 | // # set manaual site
35 | export const setManualSite = (sites) => {
36 | localStorage.setItem("manualSites", JSON.stringify(sites));
37 | chrome.storage.local.set({ manualSites: sites });
38 | };
39 |
40 | // # get current profile
41 | export const getManualSite = () => {
42 | return JSON.parse(localStorage.getItem("manualSites"));
43 | };
44 |
--------------------------------------------------------------------------------
/src/App/Settings/Shopify/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import Radio from "../../../shared/components/Radio";
4 |
5 | import { SiteHeader, SiteWrapper, SiteRadio } from "./Styles";
6 |
7 | export default function Shopify({ handleChange, settings }) {
8 | const handleOptionUpdate = (name) => {
9 | handleChange(name);
10 | };
11 |
12 | return (
13 | <>
14 |
15 | Shopify
16 |
17 | Navigate Steps
18 | handleOptionUpdate("navigateSteps")}
20 | name="navigateSteps"
21 | defaultCheck={settings["shopify"]["navigateSteps"]}
22 | type="checkbox"
23 | />
24 |
25 |
26 | Process Payment
27 | handleOptionUpdate("processPayment")}
29 | name="processPayment"
30 | defaultCheck={settings["shopify"]["processPayment"]}
31 | type="checkbox"
32 | />
33 |
34 |
35 | Skip To Checkout
36 | handleOptionUpdate("skipToCheckout")}
38 | name="skipToCheckout"
39 | defaultCheck={settings["shopify"]["skipToCheckout"]}
40 | type="checkbox"
41 | />
42 |
43 |
44 |
45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/public/sites/shopify-cs.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | let activeProfile;
3 | let currentConfig;
4 |
5 | // # FETCH ACTIVE PROFILE
6 | chrome.storage.local.get(["activeProfile"], (result) => {
7 | activeProfile = result.activeProfile;
8 | });
9 |
10 | // # FETCH USER SETTINGS FOR SHOPIFY ONLY
11 | chrome.storage.local.get(["settings"], (result) => {
12 | currentConfig = result.settings;
13 | _init();
14 | });
15 |
16 | // chrome.extension.onMessage.addListener((request, sender, sendResponse) => {
17 | // console.log(request);
18 |
19 | // switch (request.cmd) {
20 | // case "retryCheckout":
21 | // return processCheckout();
22 | // default:
23 | // break;
24 | // }
25 | // });
26 |
27 | // # process the checkout
28 | const processCheckout = () => {
29 | chrome.runtime.sendMessage({ cmd: "processCheckout" });
30 | };
31 |
32 | const _init = () => {
33 | // # fill in profile
34 | fillDataInfo(activeProfile);
35 | };
36 |
37 | // # FILLS SHIPPING INFO
38 | const fillDataInfo = (profile) => {
39 | // # fill in card data
40 | fillInfo("number", profile.cardNumber);
41 | fillInfo("name", `${profile.cardName}`);
42 | fillInfo("expiry", `${profile.expMonth}/${profile.expYear.slice(2)}`);
43 | fillInfo("verification_value", profile.cvv);
44 |
45 | // # initalize checkout
46 | processCheckout();
47 | };
48 |
49 | // # fill in information for specific fields
50 | function fillInfo(id, value, byName = false) {
51 | let element = document[byName ? "getElementsByName" : "getElementById"](id);
52 | if (byName) element = element[0];
53 |
54 | if (element) {
55 | const event = new Event("change", { bubbles: true });
56 | element.focus();
57 | element.value = value;
58 | element.dispatchEvent(event);
59 | element.blur();
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
13 |
14 |
23 | AIO Extension
24 |
25 |
26 |
27 |
28 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/src/App/Settings/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useDispatch, useSelector } from "react-redux";
3 |
4 | import { setActiveProfile } from "../../shared/actions/profileAction";
5 | import { setConfig } from "../../shared/actions/settingAction";
6 | import { saveSettings, setCurrentProfile } from "../../shared/utils/storage";
7 | import Select from "../../shared/components/Select";
8 |
9 | import Shopify from "./Shopify";
10 | import Supreme from "./Supreme";
11 | import Stripe from "./Stripe";
12 |
13 | import { Wrapper, ActiveProfileSelector, Header } from "./Styles";
14 |
15 | export default function Settings() {
16 | const { profiles, activeProfile } = useSelector((state) => state.profile);
17 | const settings = useSelector((state) => state.setting);
18 | const dispatch = useDispatch();
19 |
20 | const updateSettings = (site, name) => {
21 | let newConfig = settings;
22 | // # UPDATE CONFIG
23 | newConfig[site][name] = !newConfig[site][name];
24 | // # UPDATE REDUX STATE
25 | dispatch(setConfig(newConfig));
26 | // # UPDATE CONFIG IN LOCALSTORAGE
27 | saveSettings(newConfig);
28 | };
29 |
30 | const handleActiveProfile = (e) => {
31 | const { value } = e.target;
32 |
33 | // # FETCH THE PROFILE
34 | profiles.forEach((profile) => {
35 | if (profile.profileName.trim() === value.trim()) {
36 | // # SELECT AS PROFILE
37 | dispatch(setActiveProfile(profile));
38 | // # STORE TO LOCALSTORAGE
39 | setCurrentProfile(profile);
40 | }
41 | });
42 | };
43 |
44 | return (
45 |
46 |
47 | Active Profile
48 |
55 |
56 |
57 | {
59 | updateSettings("shopify", name);
60 | }}
61 | settings={settings}
62 | />
63 | {
65 | updateSettings("supreme", name);
66 | }}
67 | settings={settings}
68 | />
69 | {
71 | updateSettings("stripe", name);
72 | }}
73 | settings={settings}
74 | />
75 |
76 | );
77 | }
78 |
--------------------------------------------------------------------------------
/src/App/BaseStyles.js:
--------------------------------------------------------------------------------
1 | import { createGlobalStyle } from "styled-components";
2 |
3 | export default createGlobalStyle`
4 | ${
5 | "" /* html, body, #root {
6 | height: 100%;
7 | min-height: 100%;
8 | font-family: 'Montserrat', sans-serif;
9 | overflow: hidden;
10 | }
11 | body {
12 | -webkit-tap-highlight-color: transparent;
13 | line-height: 1.2;
14 | font-size: 16px;
15 | font-weight: 500;
16 | color: #000000;
17 | } */
18 | }
19 | #root {
20 | display: flex;
21 | flex-direction: column;
22 | }
23 | button,
24 | input,
25 | optgroup,
26 | select,
27 | textarea {
28 | font-weight: 500;
29 | }
30 | *, *:after, *:before, input[type="search"] {
31 | box-sizing: border-box;
32 | }
33 | a {
34 | color: inherit;
35 | text-decoration: none;
36 | }
37 | ul {
38 | list-style: none;
39 | }
40 | ul, li, ol, dd, h1, h2, h3, h4, h5, h6, p {
41 | padding: 0;
42 | margin: 0;
43 | }
44 | h1, h2, h3, h4, h5, h6, strong {
45 | font-weight: 700;
46 | }
47 | button {
48 | background: none;
49 | border: none;
50 | }
51 | /* Workaround for IE11 focus highlighting for select elements */
52 | select::-ms-value {
53 | background: none;
54 | color: #42413d;
55 | }
56 | [role="button"], button, input, select, textarea {
57 | outline: none;
58 | &:focus {
59 | outline: none;
60 | }
61 | &:disabled {
62 | opacity: 1;
63 | }
64 | }
65 | [role="button"], button, input, textarea {
66 | appearance: none;
67 | }
68 | select:-moz-focusring {
69 | color: transparent;
70 | text-shadow: 0 0 0 #000;
71 | }
72 | select::-ms-expand {
73 | display: none;
74 | }
75 | select option {
76 | color: #000000;
77 | }
78 | p {
79 | line-height: 1.4285;
80 | a {
81 | color: #000000;
82 | font-decoration: none;
83 | }
84 | }
85 | textarea {
86 | line-height: 1.4285;
87 | }
88 | body, select {
89 | -webkit-font-smoothing: antialiased;
90 | -moz-osx-font-smoothing: grayscale;
91 | }
92 |
93 | html {
94 | overflow: scroll;
95 | overflow-x: hidden;
96 | touch-action: manipulation;
97 | }
98 | ::-webkit-scrollbar {
99 | width: 0px; /* Remove scrollbar space */
100 | background: transparent; /* Optional: just make scrollbar invisible */
101 | }
102 | /* Optional: show position indicator in red */
103 | ::-webkit-scrollbar-thumb {
104 | background: #FF0000;
105 | }
106 | `;
107 |
--------------------------------------------------------------------------------
/src/App/index.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import { useDispatch } from "react-redux";
3 |
4 | import { addProfile, setActiveProfile } from "../shared/actions/profileAction";
5 | import { setConfig } from "../shared/actions/settingAction";
6 |
7 | import {
8 | getProfiles,
9 | saveProfiles,
10 | getSettings,
11 | saveSettings,
12 | getCurrentProfile,
13 | setCurrentProfile,
14 | } from "../shared/utils/storage";
15 | import { testProfile, defaultConfig } from "../shared/constants/any";
16 | import Tabs from "../shared/components/Tabs";
17 |
18 | import ProfileTab from "./Profile";
19 | import SettingsTab from "./Settings";
20 | import ManualTab from "./Manual";
21 |
22 | import NormalizeStyles from "./NormalizeStyles";
23 | import BaseStyles from "./BaseStyles";
24 | import { Wrapper, Tab } from "./Styles";
25 |
26 | // TODO: after editing the profile, active profile didnt update
27 |
28 | export default function App() {
29 | const dispatch = useDispatch();
30 |
31 | useEffect(() => {
32 | let profiles = getProfiles();
33 | let settings = getSettings();
34 |
35 | if (profiles) {
36 | const activeProfile = getCurrentProfile();
37 |
38 | if (activeProfile) {
39 | // # ADD ACTIVE PROFILE TO REDUX
40 | dispatch(setActiveProfile(activeProfile));
41 | // # SET ACTIVE PROFILE IT NOT ACTIVE
42 | setCurrentProfile(activeProfile);
43 | } else {
44 | // # ADD DEFAULT PROFILE
45 | dispatch(setActiveProfile(profiles[0]));
46 | // # SET ACTIVE PROFILE IT NOT ACTIVE
47 | setCurrentProfile(testProfile);
48 | }
49 |
50 | // # ADD ALL PROFILES
51 | profiles.forEach((profile) => dispatch(addProfile(profile)));
52 | } else {
53 | profiles = [testProfile];
54 | settings = defaultConfig;
55 | // # ADD TEST PROFILE
56 | dispatch(addProfile({ ...testProfile }));
57 | // # ADD DEFAULT PROFILE
58 | dispatch(setActiveProfile(profiles[0]));
59 | // # SET ACTIVE PROFILE IT NOT ACTIVE
60 | setCurrentProfile(testProfile);
61 | }
62 |
63 | // # SAVE REDUX STATE CONFIG
64 | dispatch(setConfig(settings));
65 | // # SAVE PROFILES
66 | saveProfiles(profiles);
67 | // # SAVE CONFIG
68 | saveSettings(settings);
69 | }, []);
70 |
71 | return (
72 | <>
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | );
90 | }
91 |
--------------------------------------------------------------------------------
/src/App/NormalizeStyles.js:
--------------------------------------------------------------------------------
1 | import { createGlobalStyle } from "styled-components";
2 |
3 | /** DO NOT ALTER THIS FILE. It is a copy of https://necolas.github.io/normalize.css/ */
4 |
5 | export default createGlobalStyle`
6 | html {
7 | line-height: 1.15;
8 | -webkit-text-size-adjust: 100%;
9 | }
10 | body {
11 | margin: 0;
12 | }
13 | main {
14 | display: block;
15 | }
16 | h1 {
17 | font-size: 2em;
18 | margin: 0.67em 0;
19 | }
20 | hr {
21 | box-sizing: content-box;
22 | height: 0;
23 | overflow: visible;
24 | }
25 | pre {
26 | font-family: monospace, monospace;
27 | font-size: 1em;
28 | }
29 | a {
30 | background-color: transparent;
31 | }
32 | abbr[title] {
33 | border-bottom: none;
34 | text-decoration: underline;
35 | text-decoration: underline dotted;
36 | }
37 | b,
38 | strong {
39 | font-weight: bolder;
40 | }
41 | code,
42 | kbd,
43 | samp {
44 | font-family: monospace, monospace;
45 | font-size: 1em;
46 | }
47 | small {
48 | font-size: 80%;
49 | }
50 | sub,
51 | sup {
52 | font-size: 75%;
53 | line-height: 0;
54 | position: relative;
55 | vertical-align: baseline;
56 | }
57 | sub {
58 | bottom: -0.25em;
59 | }
60 | sup {
61 | top: -0.5em;
62 | }
63 | img {
64 | border-style: none;
65 | }
66 | button,
67 | input,
68 | optgroup,
69 | select,
70 | textarea {
71 | font-family: inherit;
72 | font-size: 100%;
73 | line-height: 1.15;
74 | margin: 0;
75 | }
76 | button,
77 | input {
78 | overflow: visible;
79 | }
80 | button,
81 | select {
82 | text-transform: none;
83 | }
84 | button,
85 | [type="button"],
86 | [type="reset"],
87 | [type="submit"] {
88 | -webkit-appearance: button;
89 | }
90 | button::-moz-focus-inner,
91 | [type="button"]::-moz-focus-inner,
92 | [type="reset"]::-moz-focus-inner,
93 | [type="submit"]::-moz-focus-inner {
94 | border-style: none;
95 | padding: 0;
96 | }
97 | button:-moz-focusring,
98 | [type="button"]:-moz-focusring,
99 | [type="reset"]:-moz-focusring,
100 | [type="submit"]:-moz-focusring {
101 | outline: 1px dotted ButtonText;
102 | }
103 | fieldset {
104 | padding: 0.35em 0.75em 0.625em;
105 | }
106 | legend {
107 | box-sizing: border-box;
108 | color: inherit;
109 | display: table;
110 | max-width: 100%;
111 | padding: 0;
112 | white-space: normal;
113 | }
114 | progress {
115 | vertical-align: baseline;
116 | }
117 | textarea {
118 | overflow: auto;
119 | }
120 | [type="checkbox"],
121 | [type="radio"] {
122 | box-sizing: border-box;
123 | padding: 0;
124 | }
125 | [type="number"]::-webkit-inner-spin-button,
126 | [type="number"]::-webkit-outer-spin-button {
127 | height: auto;
128 | }
129 | [type="search"] {
130 | -webkit-appearance: textfield;
131 | outline-offset: -2px;
132 | }
133 | [type="search"]::-webkit-search-decoration {
134 | -webkit-appearance: none;
135 | }
136 | ::-webkit-file-upload-button {
137 | -webkit-appearance: button;
138 | font: inherit;
139 | }
140 | details {
141 | display: block;
142 | }
143 | summary {
144 | display: list-item;
145 | }
146 | template {
147 | display: none;
148 | }
149 | [hidden] {
150 | display: none;
151 | }
152 | `;
153 |
--------------------------------------------------------------------------------
/public/sites/supreme.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | let activeProfile;
3 | let currentConfig;
4 |
5 | // # FETCH ACTIVE PROFILE
6 | chrome.storage.local.get(["activeProfile"], (result) => {
7 | activeProfile = result.activeProfile;
8 | });
9 |
10 | // # FETCH USER SETTINGS FOR SHOPIFY ONLY
11 | chrome.storage.local.get(["settings"], (result) => {
12 | currentConfig = result.settings;
13 | _init(currentConfig, activeProfile);
14 | });
15 |
16 | const _init = (config, profile) => {
17 | const fields = {
18 | "[name='order[billing_name]'": profile.cardName,
19 | "[name='order[email]']": profile.email,
20 | "[name='order[tel]']": profile.phoneNumber,
21 | "[name='order[billing_address]']": profile.address,
22 | "[name='order[billing_address_2]']": profile.address2,
23 | "[name='order[billing_zip]']": profile.zipCode,
24 | "[name='order[billing_city]']": profile.city,
25 | "[name='order[billing_country]']": getCountryCode(
26 | profile.country.toLowerCase()
27 | ),
28 | "#orcer": profile.cvv,
29 | "#rnsnckrn": profile.cardNumber,
30 | };
31 |
32 | for (const [field, value] of Object.entries(fields)) {
33 | fillByElement(field, value);
34 | }
35 |
36 | // # some field required instant fill
37 | fillInstant("order_billing_state", profile.state);
38 | fillInstant("credit_card_month", profile.expMonth);
39 | fillInstant("credit_card_year", profile.expYear);
40 |
41 | // # if check term is enabled
42 | if (config.supreme.checkTerms) {
43 | checkTerms();
44 | }
45 |
46 | // # if payment process is enabled
47 | if (config.supreme.processPayment) {
48 | processPayment();
49 | }
50 | };
51 |
52 | // # fill by onchange
53 | function fillByElement(field, value) {
54 | const el = document.querySelector(field);
55 |
56 | if (el) {
57 | const event = new Event("change");
58 | el.focus();
59 | el.value = value;
60 | el.dispatchEvent(event);
61 | el.blur();
62 | }
63 | }
64 |
65 | // # click on terms
66 | function checkTerms() {
67 | document.getElementsByClassName("icheckbox_minimal")[1].click();
68 | document.querySelector(".terms .icheckbox_minimal").classList.add("checked");
69 | }
70 |
71 | // # process payment
72 | const processPayment = () => {
73 | if (
74 | document
75 | .querySelector(".terms .icheckbox_minimal")
76 | .classList.contains("checked")
77 | ) {
78 | document.querySelector(".button, .checkout").click();
79 | }
80 | };
81 |
82 | // # fill field instantly
83 | function fillInstant(field, value) {
84 | document.getElementById(field).value = value;
85 | }
86 |
87 | function getCountryCode(country) {
88 | let countries = {
89 | "united kingdom": "GB",
90 | "northern ireland": "NB",
91 | "united states": "USA",
92 | canada: "CANADA",
93 | austria: "AT",
94 | belarus: "BY",
95 | belgium: "BE",
96 | bulgaria: "BG",
97 | croatia: "HR",
98 | "czech republic": "CZ",
99 | denmark: "DK",
100 | estonia: "EE",
101 | finland: "FI",
102 | france: "FR",
103 | germany: "DE",
104 | greece: "GR",
105 | hungary: "HU",
106 | iceland: "IS",
107 | ireland: "IE",
108 | italy: "IT",
109 | latvia: "LV",
110 | lithuania: "LT",
111 | luxembourg: "LU",
112 | monaco: "MC",
113 | netherlands: "NL",
114 | norway: "NO",
115 | poland: "PL",
116 | portugal: "PT",
117 | romania: "RO",
118 | russia: "RU",
119 | slovakia: "SK",
120 | slovenia: "SI",
121 | spain: "ES",
122 | sweden: "SE",
123 | switzerland: "CH",
124 | turkey: "TR",
125 | };
126 |
127 | return countries[country.toLowerCase()];
128 | }
129 |
--------------------------------------------------------------------------------
/public/sites/shopify.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | let activeProfile;
3 | let currentConfig;
4 |
5 | // # FETCH ACTIVE PROFILE
6 | chrome.storage.local.get(["activeProfile"], (result) => {
7 | activeProfile = result.activeProfile;
8 | });
9 |
10 | // # FETCH USER SETTINGS FOR SHOPIFY ONLY
11 | chrome.storage.local.get(["settings"], (result) => {
12 | currentConfig = result.settings;
13 |
14 | // # if user still in information tab
15 | if (currentStep() !== "payment_method") {
16 | _init(currentConfig);
17 | }
18 | });
19 |
20 | chrome.extension.onMessage.addListener((request, sender, sendResponse) => {
21 | switch (request.cmd) {
22 | case "processCheckout":
23 | return finalizeCheckoutProcess();
24 | case "retryCheckout":
25 | return processCheckout();
26 | default:
27 | break;
28 | }
29 | });
30 |
31 | // # init our functions
32 | const _init = (config) => {
33 | let currentUrl = document.URL;
34 | const authToken = document.querySelector('input[name="authenticity_token"]')
35 | .value;
36 |
37 | // # if current tab url includes `?previous_step=contact_information&step=shipping_method`
38 | // # we need to navigate to the checkout information
39 | if (currentUrl.includes("/checkouts") && config.shopify.skipToCheckout) {
40 | // # automaically skip to checkout | ONLY WORKS IF NO CHECKPOINT
41 | skipToCheckout(activeProfile, currentUrl, authToken);
42 | } else if (
43 | currentUrl.includes("&step=shipping_method") &&
44 | config.shopify.navigateSteps
45 | ) {
46 | // # click next step
47 | navigateSteps();
48 | } else {
49 | // # we need to fill shipping information
50 | fillShippingInfo(activeProfile);
51 | }
52 | };
53 |
54 | // # FILLS SHIPPING INFO
55 | const fillShippingInfo = (profile) => {
56 | // # fill in shipping info
57 | fillInfo("checkout_email", profile.email);
58 | fillInfo("checkout_shipping_address_first_name", profile.firstName);
59 | fillInfo("checkout_shipping_address_last_name", profile.lastName);
60 | fillInfo("checkout_shipping_address_address1", profile.address);
61 | fillInfo("checkout_shipping_address_address2", profile.address2);
62 | fillInfo("checkout_shipping_address_city", profile.city);
63 | fillInfo("checkout_shipping_address_country", profile.country);
64 | fillInfo("checkout_shipping_address_province", profile.state);
65 | fillInfo("checkout_shipping_address_zip", profile.zipCode);
66 | fillInfo("checkout_shipping_address_phone", profile.phoneNumber);
67 |
68 | // # click next step after filling shipping information
69 | if (currentConfig.navigateSteps) {
70 | navigateSteps();
71 | }
72 | };
73 |
74 | // # check for captcha
75 | const checkForRecaptcha = () => {
76 | return document.querySelector(".g-recaptcha") ? true : false;
77 | };
78 |
79 | // # fill in information for specific fields
80 | function fillInfo(id, value, byName = false) {
81 | let element = document[byName ? "getElementsByName" : "getElementById"](id);
82 | if (byName) element = element[0];
83 |
84 | if (element) {
85 | const event = new Event("change", { bubbles: true });
86 | element.focus();
87 | element.value = value;
88 | element.dispatchEvent(event);
89 | element.blur();
90 | }
91 | }
92 |
93 | // # NAVIGATE NEXT BUTTON
94 | const navigateSteps = () => {
95 | let conButton = document.querySelector(".step__footer__continue-btn");
96 | // # only click if recaptcha don't exist
97 | if (!checkForRecaptcha()) {
98 | conButton.click();
99 | }
100 | };
101 |
102 | // # get current step
103 | const currentStep = () => {
104 | let element = document.querySelector("[data-step]");
105 | return element.dataset.step;
106 | };
107 |
108 | // # SKIP TO CHECKOUT FUNCTION
109 | const skipToCheckout = (profile, url, authenticityToken) => {
110 | // # send to background.js
111 | chrome.runtime.sendMessage({
112 | cmd: "skipToCheckout",
113 | profile,
114 | url,
115 | authenticityToken,
116 | });
117 | };
118 |
119 | // # ALLOW RETRY TODO: do this later
120 | const allowRetry = () => {
121 | if (currentConfig.shopify.retryAllow) {
122 | chrome.runtime.sendMessage({ cmd: "retryCheckout" });
123 | } else {
124 | chrome.runtime.sendMessage({ cmd: "done" });
125 | }
126 | };
127 |
128 | // # finalize the checkout process
129 | const finalizeCheckoutProcess = () => {
130 | console.log("attempt to checkout");
131 |
132 | let attemptedCheckout = setTimeout(() => {
133 | navigateSteps();
134 | clearTimeout(attemptedCheckout);
135 | }, 1000);
136 | };
137 |
--------------------------------------------------------------------------------
/public/sites/stripe.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | let activeProfile;
3 | let currentConfig;
4 |
5 | // # FETCH ACTIVE PROFILE
6 | chrome.storage.local.get(["activeProfile"], (result) => {
7 | activeProfile = result.activeProfile;
8 | });
9 |
10 | // # FETCH USER SETTINGS FOR SHOPIFY ONLY
11 | chrome.storage.local.get(["settings"], (result) => {
12 | currentConfig = result.settings;
13 | _init(currentConfig);
14 | });
15 |
16 | const _init = (config) => {
17 | // # only if autofill is enabled
18 | if (config.stripe.autofill) {
19 | startAutofill(activeProfile);
20 | }
21 | };
22 |
23 | var checkExist = setInterval(function () {
24 | if (document.getElementsByTagName("input").length) {
25 | console.log("Exists!");
26 | fillData(activeProfile);
27 | clearInterval(checkExist);
28 | return true;
29 | }
30 | }, 100);
31 |
32 | // # autofill method
33 | const startAutofill = (profile) => {
34 | const mainFields = {
35 | "[autocomplete='name']": profile.cardName,
36 | "[autocomplete='email']": profile.email,
37 | "[autocomplete='tel']": profile.phoneNumber,
38 | "[autocomplete='cc-number']": profile.cardNumber,
39 | "[autocomplete='country']": profile.country,
40 | "[autocomplete='ccname']": profile.cardName,
41 | "[autocomplete='cc-csc']": profile.cvv,
42 | "[autocomplete='cc-exp']": `${profile.expMonth}/${profile.expYear.slice(
43 | 2
44 | )}`,
45 | "[autocomplete='postal-code']": profile.zipCode,
46 | "[autocomplete='billing postal-code']": profile.zipCode,
47 | "[autocomplete='billing country']": profile.country,
48 | };
49 |
50 | for (const [key, value] of Object.entries(mainFields)) {
51 | // # fill in input fields
52 | fillByAttribute(key, value);
53 | }
54 |
55 | // # submit payment if active
56 | processPayment();
57 | };
58 |
59 | const processPayment = () => {
60 | if (currentConfig.stripe.processPayment) {
61 | let submitButton = document.querySelector('button[type="submit"]');
62 | submitButton.click();
63 | }
64 | };
65 |
66 | function fillData(profile) {
67 | const mainFields = {
68 | name: profile.cardName,
69 | email: profile.email,
70 | tel: profile.phoneNumber,
71 | "cc-number": profile.cardNumber,
72 | country: profile.country,
73 | ccname: profile.cardName,
74 | "cc-csc": profile.cvv,
75 | "cc-exp": `${profile.expMonth}/${profile.expYear.slice(2)}`,
76 | "postal-code": profile.zipCode,
77 | "billing postal-code": profile.zipCode,
78 | };
79 |
80 | // // # we must focus the div
81 | // const divs = document.getElementsByClassName("can-setfocus");
82 | // for (const div of divs) {
83 | // const input = findInput(div.children);
84 |
85 | // // if element exist
86 | // if (input) {
87 | // const attr = input.getAttribute("autocomplete");
88 | // if (mainFields[attr]) {
89 | // let event = document.createEvent("HTMLEvents");
90 | // event.initEvent("change", true, false);
91 | // // # first we focus the div, like focus()
92 | // div.classList.add("Fieldset-child--focused");
93 | // input.setAttribute("value", mainFields[attr]);
94 | // input.value = mainFields[attr];
95 | // input.dispatchEvent(event);
96 | // // # remove class name, like blur()
97 | // div.classList.remove("Fieldset-child--focused");
98 | // }
99 | // }
100 | // }
101 |
102 | console.log(document.getElementsByName("fieldset"));
103 |
104 | const inputs = document.getElementsByTagName("input");
105 | for (const input of inputs) {
106 | const attr = input.getAttribute("autocomplete");
107 | if (mainFields.hasOwnProperty(attr)) {
108 | const event = new Event("change");
109 | input.focus();
110 | input.setAttribute("value", mainFields[attr]);
111 | input.value = mainFields[attr];
112 | input.dispatchEvent(event);
113 | input.blur();
114 | }
115 | }
116 | }
117 |
118 | function findInput(collection) {
119 | for (const el of collection) {
120 | if (el.className === "Textbox-inputRow") {
121 | for (const inner of el.children) {
122 | if (inner.nodeName === "INPUT") {
123 | return inner;
124 | }
125 | }
126 |
127 | break;
128 | }
129 |
130 | break;
131 | }
132 | }
133 |
134 | // # fill in information for specific fields based on attribute
135 | function fillByAttribute(field, value) {
136 | let element = document.querySelector(field);
137 |
138 | if (element) {
139 | const event = new Event("change", { bubbles: true });
140 | element.focus();
141 | element.value = value;
142 | element.dispatchEvent(event);
143 | element.blur();
144 | }
145 | }
146 |
--------------------------------------------------------------------------------
/src/serviceWorker.js:
--------------------------------------------------------------------------------
1 | // This optional code is used to register a service worker.
2 | // register() is not called by default.
3 |
4 | // This lets the app load faster on subsequent visits in production, and gives
5 | // it offline capabilities. However, it also means that developers (and users)
6 | // will only see deployed updates on subsequent visits to a page, after all the
7 | // existing tabs open on the page have been closed, since previously cached
8 | // resources are updated in the background.
9 |
10 | // To learn more about the benefits of this model and instructions on how to
11 | // opt-in, read https://bit.ly/CRA-PWA
12 |
13 | const isLocalhost = Boolean(
14 | window.location.hostname === 'localhost' ||
15 | // [::1] is the IPv6 localhost address.
16 | window.location.hostname === '[::1]' ||
17 | // 127.0.0.0/8 are considered localhost for IPv4.
18 | window.location.hostname.match(
19 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
20 | )
21 | );
22 |
23 | export function register(config) {
24 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
25 | // The URL constructor is available in all browsers that support SW.
26 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
27 | if (publicUrl.origin !== window.location.origin) {
28 | // Our service worker won't work if PUBLIC_URL is on a different origin
29 | // from what our page is served on. This might happen if a CDN is used to
30 | // serve assets; see https://github.com/facebook/create-react-app/issues/2374
31 | return;
32 | }
33 |
34 | window.addEventListener('load', () => {
35 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
36 |
37 | if (isLocalhost) {
38 | // This is running on localhost. Let's check if a service worker still exists or not.
39 | checkValidServiceWorker(swUrl, config);
40 |
41 | // Add some additional logging to localhost, pointing developers to the
42 | // service worker/PWA documentation.
43 | navigator.serviceWorker.ready.then(() => {
44 | console.log(
45 | 'This web app is being served cache-first by a service ' +
46 | 'worker. To learn more, visit https://bit.ly/CRA-PWA'
47 | );
48 | });
49 | } else {
50 | // Is not localhost. Just register service worker
51 | registerValidSW(swUrl, config);
52 | }
53 | });
54 | }
55 | }
56 |
57 | function registerValidSW(swUrl, config) {
58 | navigator.serviceWorker
59 | .register(swUrl)
60 | .then(registration => {
61 | registration.onupdatefound = () => {
62 | const installingWorker = registration.installing;
63 | if (installingWorker == null) {
64 | return;
65 | }
66 | installingWorker.onstatechange = () => {
67 | if (installingWorker.state === 'installed') {
68 | if (navigator.serviceWorker.controller) {
69 | // At this point, the updated precached content has been fetched,
70 | // but the previous service worker will still serve the older
71 | // content until all client tabs are closed.
72 | console.log(
73 | 'New content is available and will be used when all ' +
74 | 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
75 | );
76 |
77 | // Execute callback
78 | if (config && config.onUpdate) {
79 | config.onUpdate(registration);
80 | }
81 | } else {
82 | // At this point, everything has been precached.
83 | // It's the perfect time to display a
84 | // "Content is cached for offline use." message.
85 | console.log('Content is cached for offline use.');
86 |
87 | // Execute callback
88 | if (config && config.onSuccess) {
89 | config.onSuccess(registration);
90 | }
91 | }
92 | }
93 | };
94 | };
95 | })
96 | .catch(error => {
97 | console.error('Error during service worker registration:', error);
98 | });
99 | }
100 |
101 | function checkValidServiceWorker(swUrl, config) {
102 | // Check if the service worker can be found. If it can't reload the page.
103 | fetch(swUrl, {
104 | headers: { 'Service-Worker': 'script' },
105 | })
106 | .then(response => {
107 | // Ensure service worker exists, and that we really are getting a JS file.
108 | const contentType = response.headers.get('content-type');
109 | if (
110 | response.status === 404 ||
111 | (contentType != null && contentType.indexOf('javascript') === -1)
112 | ) {
113 | // No service worker found. Probably a different app. Reload the page.
114 | navigator.serviceWorker.ready.then(registration => {
115 | registration.unregister().then(() => {
116 | window.location.reload();
117 | });
118 | });
119 | } else {
120 | // Service worker found. Proceed as normal.
121 | registerValidSW(swUrl, config);
122 | }
123 | })
124 | .catch(() => {
125 | console.log(
126 | 'No internet connection found. App is running in offline mode.'
127 | );
128 | });
129 | }
130 |
131 | export function unregister() {
132 | if ('serviceWorker' in navigator) {
133 | navigator.serviceWorker.ready
134 | .then(registration => {
135 | registration.unregister();
136 | })
137 | .catch(error => {
138 | console.error(error.message);
139 | });
140 | }
141 | }
142 |
--------------------------------------------------------------------------------
/src/App/Manual/SiteForm/index.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import { faPlus, faMinus } from "@fortawesome/free-solid-svg-icons";
3 | import { useForm, Controller } from "react-hook-form";
4 | import { useDispatch } from "react-redux";
5 |
6 | import { addNewSite, updateSite } from "../../../shared/actions/manualAction";
7 |
8 | import Icon from "../../../shared/components/Icon";
9 | import Input from "../../../shared/components/Input";
10 | import Button from "../../../shared/components/Button";
11 |
12 | import { Form, FormControl, Row, SplitControl, ButtonGroup } from "../Styles";
13 |
14 | export default function SiteForm({ selectedSite }) {
15 | const [inputs, setInputs] = useState([]);
16 | const { control, handleSubmit, setValue } = useForm();
17 | const dispatch = useDispatch();
18 |
19 | // # TODO: we need the correct inputs fields
20 | useEffect(() => {
21 | let fields = [];
22 | let newInputs = [];
23 |
24 | // # only if there is a selected site to be render
25 | if (Object.keys(selectedSite).length > 0) {
26 | for (let [key, value] of Object.entries(selectedSite)) {
27 | if (key === "siteName") {
28 | fields.push({ [key]: value });
29 | } else {
30 | let selectorField = {};
31 | let valueField = {};
32 |
33 | if (key.includes("selector")) {
34 | selectorField = {
35 | name: key,
36 | value,
37 | };
38 | } else {
39 | valueField = {
40 | name: key,
41 | value,
42 | };
43 | }
44 |
45 | console.log(selectorField);
46 |
47 | // # push it into the input array
48 | newInputs.push({ selector: selectorField, value: valueField });
49 | }
50 | }
51 |
52 | console.log(newInputs);
53 |
54 | // # SET VALUES
55 | setValue(fields);
56 | // # SET OUR INPUTS
57 | setInputs(newInputs);
58 | }
59 | }, [selectedSite, setValue]);
60 |
61 | const onSubmit = (data, e) => {
62 | // # dispatch add site
63 | dispatch(addNewSite(data));
64 | };
65 |
66 | // # create new input, if user adds more
67 | const createNewInput = () => {
68 | // # selector field
69 | const selectorField = {
70 | type: "text",
71 | name: `selector-path-${inputs.length + 1}`,
72 | bgColor: "rgba(171,183,183,1)",
73 | value: "",
74 | };
75 |
76 | // # value field
77 | const valueField = {
78 | type: "text",
79 | name: `value-${inputs.length + 1}`,
80 | bgColor: "rgba(171,183,183,1)",
81 | value: "",
82 | };
83 |
84 | // # set it to the input
85 | setInputs((all) => [
86 | ...all,
87 | { selector: selectorField, value: valueField },
88 | ]);
89 | };
90 |
91 | // # remove previous input
92 | const removePreviousInput = () => {
93 | if (inputs.length > 0) {
94 | const newInputs = [...inputs];
95 | newInputs.pop();
96 | // # set new inputs
97 | setInputs(newInputs);
98 | }
99 | };
100 |
101 | return (
102 | <>
103 |
104 |
182 |
183 |
184 | );
185 | }
186 |
--------------------------------------------------------------------------------
/public/background.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | // # BACKGROUND.JS
3 | console.log("background.js");
4 |
5 | const encodeFormData = (data) => {
6 | return Object.keys(data)
7 | .map((key) => encodeURIComponent(key) + "=" + encodeURIComponent(data[key]))
8 | .join("&");
9 | };
10 |
11 | function startCheckout(url, profile, authenticityToken) {
12 | console.log("STARTING CHECKOUT!");
13 |
14 | const opts = {
15 | method: "POST",
16 | redirect: "follow",
17 | headers: {
18 | "Content-Type": "application/x-www-form-urlencoded",
19 | "user-agent":
20 | "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36",
21 | },
22 | body: encodeFormData({
23 | _method: "patch",
24 | authenticity_token: authenticityToken,
25 | previous_step: "contact_information",
26 | step: "shipping_method",
27 | "checkout[email]": "asasdad10@yahoo.com",
28 | "checkout[buyer_accepts_marketing]": "0",
29 | "checkout[buyer_accepts_marketing]": "1",
30 | "checkout[shipping_address][first_name]": profile.firstName,
31 | "checkout[shipping_address][last_name]": profile.lastname,
32 | "checkout[shipping_address][company]": "",
33 | "checkout[shipping_address][address1]": profile.address,
34 | "checkout[shipping_address][address2]": profile.address2,
35 | "checkout[shipping_address][city]": profile.city,
36 | "checkout[shipping_address][country]": profile.country,
37 | "checkout[shipping_address][province]": profile.state,
38 | "checkout[shipping_address][zip]": profile.zipCode,
39 | "checkout[shipping_address][phone]": profile.phoneNumber,
40 | "checkout[shipping_address][first_name]": profile.firstName,
41 | "checkout[shipping_address][last_name]": profile.lastname,
42 | "checkout[shipping_address][company]": "",
43 | "checkout[shipping_address][address1]": profile.address,
44 | "checkout[shipping_address][address2]": profile.address2,
45 | "checkout[shipping_address][city]": profile.city,
46 | "checkout[shipping_address][country]": profile.country,
47 | "checkout[shipping_address][province]": profile.state,
48 | "checkout[shipping_address][zip]": profile.zipCode,
49 | "checkout[shipping_address][phone]": profile.phoneNumber,
50 | "checkout[client_details][browser_width]": "1903",
51 | "checkout[client_details][browser_height]": "969",
52 | "checkout[client_details][javascript_enabled]": "1",
53 | "checkout[client_details][color_depth]": "24",
54 | "checkout[client_details][java_enabled]": false,
55 | "checkout[client_details][browser_tz]": "240",
56 | }),
57 | };
58 |
59 | // # return back url
60 | return fetch(url, opts)
61 | .then((res) => {
62 | const currentUrl = res.url;
63 | const { hostname } = new URL(currentUrl);
64 | // # get shipping
65 | getShippingRate(hostname, profile).then((res) => {
66 | // # submit shipping
67 | submitShipping(currentUrl, res).then((res) => res);
68 | });
69 | })
70 | .catch((error) => console.log("Error:", error));
71 | }
72 |
73 | function getShippingRate(siteUrl, profile) {
74 | console.log("GRABBING SHIPPING RATE!");
75 |
76 | return fetch(
77 | `https://${siteUrl}/cart/shipping_rates.json?shipping_address[zip]=${
78 | profile.zipCode
79 | }&shipping_address[country]=${encodeURIComponent(
80 | profile.country.toLowerCase()
81 | )}&shipping_address[province]=${encodeURIComponent(
82 | profile.state.toLowerCase()
83 | )}`,
84 | {
85 | method: "GET",
86 | headers: {
87 | "Content-Type": "application/json",
88 | "user-agent":
89 | "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36",
90 | },
91 | }
92 | )
93 | .then((res) => res.json())
94 | .then((res) => {
95 | const { source, code, price } = res["shipping_rates"][0];
96 | console.log(
97 | `SUCCESSFULLY GRABBED ${encodeURIComponent(
98 | `${source}-${code}-${price}`
99 | )} RATE!`
100 | );
101 | // # return back shipping rate
102 | return encodeURIComponent(`${source}-${code}-${price}`);
103 | })
104 | .catch((error) => console.log("Error:", error));
105 | }
106 |
107 | function submitShipping(url, rate) {
108 | console.log(`SUBMITTING SHIPPING RATE! - ${rate}`);
109 |
110 | const opts = {
111 | method: "POST",
112 | redirect: "follow",
113 | headers: {
114 | "Content-Type": "application/x-www-form-urlencoded",
115 | "user-agent":
116 | "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36",
117 | },
118 | body: encodeFormData({
119 | _method: "patch",
120 | authenticity_token:
121 | "yOle1NS4ewdEigFN91arlLAnYCXXAq8McySJfcagO6R2uukUNnJbOSmYxfc12Alze3DbsZUaWhzz7c-aJE4a_w",
122 | previous_step: "shipping_method",
123 | step: "payment_method",
124 | "checkout[shipping_rate][id]": rate,
125 | "checkout[client_details][browser_width]": "2048",
126 | "checkout[client_details][browser_height]": "969",
127 | "checkout[client_details][javascript_enabled]": "1",
128 | "checkout[client_details][color_depth]": "24",
129 | "checkout[client_details][java_enabled]": false,
130 | "checkout[client_details][browser_tz]": "240",
131 | }),
132 | };
133 |
134 | return fetch(url, opts)
135 | .then((res) => {
136 | console.log("FORWARDING TO NEW CHECKOUT TAB!");
137 | const { hostname, pathname } = new URL(res.url);
138 |
139 | // # update tab
140 | chrome.tabs.query({ active: true, currentWindow: true }, function (tab) {
141 | chrome.tabs.update(tab.id, {
142 | url: `https://${hostname}${pathname}?previous_step=shipping_method&step=payment_method`,
143 | });
144 | });
145 | })
146 | .catch((error) => console.log("Error:", error));
147 | }
148 |
149 | function skipToCheckoutFunc(request) {
150 | const { profile, authenticityToken, url } = request;
151 | // # start checkout
152 | startCheckout(url, profile, authenticityToken);
153 | }
154 |
155 | function processCheckoutFlow() {
156 | chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
157 | chrome.tabs.sendMessage(tabs[0].id, { cmd: "processCheckout" });
158 | });
159 | }
160 |
161 | chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
162 | switch (request.cmd) {
163 | case "skipToCheckout":
164 | return skipToCheckoutFunc(request);
165 | case "processCheckout":
166 | return processCheckoutFlow();
167 | case "retryCheckout":
168 | return processCheckoutFlow();
169 | case "done":
170 | return;
171 | default:
172 | break;
173 | }
174 | });
175 |
176 | // #TODO: only retry to submit payment if user set retry. delay retry will be 500ms by default
177 |
--------------------------------------------------------------------------------
/src/App/Profile/ProfileForm/index.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import { useForm, Controller } from "react-hook-form";
3 | import { useDispatch } from "react-redux";
4 |
5 | import {
6 | addProfile,
7 | updateProfile,
8 | } from "../../../shared/actions/profileAction";
9 |
10 | import {
11 | getProfiles,
12 | saveProfiles,
13 | getCurrentProfile,
14 | setCurrentProfile,
15 | } from "../../../shared/utils/storage";
16 |
17 | import Input from "../../../shared/components/Input";
18 | import Button from "../../../shared/components/Button";
19 |
20 | import { Form, FormControl, Row, SplitControl } from "../Styles";
21 |
22 | export default function ProfileForm({ selectedProfile }) {
23 | const activeProfile = getCurrentProfile();
24 | const { control, handleSubmit, setValue } = useForm();
25 | const dispatch = useDispatch();
26 |
27 | const updateActiveProfile = (selectedProfile) => {
28 | if (selectedProfile.profileName === activeProfile.profileName) {
29 | // # update it
30 | setCurrentProfile(selectedProfile);
31 | }
32 | };
33 |
34 | const onSubmit = (data) => {
35 | // # PROFILE IS SELECTED AND SHOULD BE UPDATED
36 | if (Object.keys(selectedProfile).length > 0) {
37 | let profiles = getProfiles();
38 | const idx = profiles.findIndex(
39 | (p) => p.profileName === selectedProfile.profileName
40 | );
41 | if (idx > -1) {
42 | profiles[idx] = data;
43 | // # update active profile
44 | updateActiveProfile(profiles[idx]);
45 | // # UPDATE OUT LOCALSTORAGE
46 | saveProfiles(profiles);
47 | // # UPDATE OUR REDUX STATE
48 | dispatch(updateProfile(profiles));
49 | }
50 |
51 | return;
52 | }
53 |
54 | // # DISPATCH ACTION
55 | dispatch(addProfile(data));
56 | // # SAVE TO LOCALSTORAGE
57 | saveProfiles([...getProfiles(), data]);
58 | };
59 |
60 | useEffect(() => {
61 | let fields = [];
62 | if (Object.keys(selectedProfile).length > 0) {
63 | for (let [key, value] of Object.entries(selectedProfile)) {
64 | fields.push({ [key]: value });
65 | }
66 |
67 | // # SET VALUES
68 | setValue(fields);
69 | }
70 | }, [selectedProfile, setValue]);
71 |
72 | return (
73 | <>
74 |
343 |
344 | );
345 | }
346 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | GNU GENERAL PUBLIC LICENSE
2 | Version 3, 29 June 2007
3 |
4 | Copyright (C) 2007 Free Software Foundation, Inc.
5 | Everyone is permitted to copy and distribute verbatim copies
6 | of this license document, but changing it is not allowed.
7 |
8 | Preamble
9 |
10 | The GNU General Public License is a free, copyleft license for
11 | software and other kinds of works.
12 |
13 | The licenses for most software and other practical works are designed
14 | to take away your freedom to share and change the works. By contrast,
15 | the GNU General Public License is intended to guarantee your freedom to
16 | share and change all versions of a program--to make sure it remains free
17 | software for all its users. We, the Free Software Foundation, use the
18 | GNU General Public License for most of our software; it applies also to
19 | any other work released this way by its authors. You can apply it to
20 | your programs, too.
21 |
22 | When we speak of free software, we are referring to freedom, not
23 | price. Our General Public Licenses are designed to make sure that you
24 | have the freedom to distribute copies of free software (and charge for
25 | them if you wish), that you receive source code or can get it if you
26 | want it, that you can change the software or use pieces of it in new
27 | free programs, and that you know you can do these things.
28 |
29 | To protect your rights, we need to prevent others from denying you
30 | these rights or asking you to surrender the rights. Therefore, you have
31 | certain responsibilities if you distribute copies of the software, or if
32 | you modify it: responsibilities to respect the freedom of others.
33 |
34 | For example, if you distribute copies of such a program, whether
35 | gratis or for a fee, you must pass on to the recipients the same
36 | freedoms that you received. You must make sure that they, too, receive
37 | or can get the source code. And you must show them these terms so they
38 | know their rights.
39 |
40 | Developers that use the GNU GPL protect your rights with two steps:
41 | (1) assert copyright on the software, and (2) offer you this License
42 | giving you legal permission to copy, distribute and/or modify it.
43 |
44 | For the developers' and authors' protection, the GPL clearly explains
45 | that there is no warranty for this free software. For both users' and
46 | authors' sake, the GPL requires that modified versions be marked as
47 | changed, so that their problems will not be attributed erroneously to
48 | authors of previous versions.
49 |
50 | Some devices are designed to deny users access to install or run
51 | modified versions of the software inside them, although the manufacturer
52 | can do so. This is fundamentally incompatible with the aim of
53 | protecting users' freedom to change the software. The systematic
54 | pattern of such abuse occurs in the area of products for individuals to
55 | use, which is precisely where it is most unacceptable. Therefore, we
56 | have designed this version of the GPL to prohibit the practice for those
57 | products. If such problems arise substantially in other domains, we
58 | stand ready to extend this provision to those domains in future versions
59 | of the GPL, as needed to protect the freedom of users.
60 |
61 | Finally, every program is threatened constantly by software patents.
62 | States should not allow patents to restrict development and use of
63 | software on general-purpose computers, but in those that do, we wish to
64 | avoid the special danger that patents applied to a free program could
65 | make it effectively proprietary. To prevent this, the GPL assures that
66 | patents cannot be used to render the program non-free.
67 |
68 | The precise terms and conditions for copying, distribution and
69 | modification follow.
70 |
71 | TERMS AND CONDITIONS
72 |
73 | 0. Definitions.
74 |
75 | "This License" refers to version 3 of the GNU General Public License.
76 |
77 | "Copyright" also means copyright-like laws that apply to other kinds of
78 | works, such as semiconductor masks.
79 |
80 | "The Program" refers to any copyrightable work licensed under this
81 | License. Each licensee is addressed as "you". "Licensees" and
82 | "recipients" may be individuals or organizations.
83 |
84 | To "modify" a work means to copy from or adapt all or part of the work
85 | in a fashion requiring copyright permission, other than the making of an
86 | exact copy. The resulting work is called a "modified version" of the
87 | earlier work or a work "based on" the earlier work.
88 |
89 | A "covered work" means either the unmodified Program or a work based
90 | on the Program.
91 |
92 | To "propagate" a work means to do anything with it that, without
93 | permission, would make you directly or secondarily liable for
94 | infringement under applicable copyright law, except executing it on a
95 | computer or modifying a private copy. Propagation includes copying,
96 | distribution (with or without modification), making available to the
97 | public, and in some countries other activities as well.
98 |
99 | To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies. Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 |
103 | An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License. If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 |
112 | 1. Source Code.
113 |
114 | The "source code" for a work means the preferred form of the work
115 | for making modifications to it. "Object code" means any non-source
116 | form of a work.
117 |
118 | A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 |
123 | The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form. A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 |
134 | The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities. However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work. For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 |
147 | The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 |
151 | The Corresponding Source for a work in source code form is that
152 | same work.
153 |
154 | 2. Basic Permissions.
155 |
156 | All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met. This License explicitly affirms your unlimited
159 | permission to run the unmodified Program. The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work. This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 |
164 | You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force. You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright. Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 |
175 | Conveying under any other circumstances is permitted solely under
176 | the conditions stated below. Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 |
179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 |
181 | No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 |
187 | When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 |
195 | 4. Conveying Verbatim Copies.
196 |
197 | You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 |
205 | You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 |
208 | 5. Conveying Modified Source Versions.
209 |
210 | You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 |
214 | a) The work must carry prominent notices stating that you modified
215 | it, and giving a relevant date.
216 |
217 | b) The work must carry prominent notices stating that it is
218 | released under this License and any conditions added under section
219 | 7. This requirement modifies the requirement in section 4 to
220 | "keep intact all notices".
221 |
222 | c) You must license the entire work, as a whole, under this
223 | License to anyone who comes into possession of a copy. This
224 | License will therefore apply, along with any applicable section 7
225 | additional terms, to the whole of the work, and all its parts,
226 | regardless of how they are packaged. This License gives no
227 | permission to license the work in any other way, but it does not
228 | invalidate such permission if you have separately received it.
229 |
230 | d) If the work has interactive user interfaces, each must display
231 | Appropriate Legal Notices; however, if the Program has interactive
232 | interfaces that do not display Appropriate Legal Notices, your
233 | work need not make them do so.
234 |
235 | A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit. Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 |
245 | 6. Conveying Non-Source Forms.
246 |
247 | You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 |
252 | a) Convey the object code in, or embodied in, a physical product
253 | (including a physical distribution medium), accompanied by the
254 | Corresponding Source fixed on a durable physical medium
255 | customarily used for software interchange.
256 |
257 | b) Convey the object code in, or embodied in, a physical product
258 | (including a physical distribution medium), accompanied by a
259 | written offer, valid for at least three years and valid for as
260 | long as you offer spare parts or customer support for that product
261 | model, to give anyone who possesses the object code either (1) a
262 | copy of the Corresponding Source for all the software in the
263 | product that is covered by this License, on a durable physical
264 | medium customarily used for software interchange, for a price no
265 | more than your reasonable cost of physically performing this
266 | conveying of source, or (2) access to copy the
267 | Corresponding Source from a network server at no charge.
268 |
269 | c) Convey individual copies of the object code with a copy of the
270 | written offer to provide the Corresponding Source. This
271 | alternative is allowed only occasionally and noncommercially, and
272 | only if you received the object code with such an offer, in accord
273 | with subsection 6b.
274 |
275 | d) Convey the object code by offering access from a designated
276 | place (gratis or for a charge), and offer equivalent access to the
277 | Corresponding Source in the same way through the same place at no
278 | further charge. You need not require recipients to copy the
279 | Corresponding Source along with the object code. If the place to
280 | copy the object code is a network server, the Corresponding Source
281 | may be on a different server (operated by you or a third party)
282 | that supports equivalent copying facilities, provided you maintain
283 | clear directions next to the object code saying where to find the
284 | Corresponding Source. Regardless of what server hosts the
285 | Corresponding Source, you remain obligated to ensure that it is
286 | available for as long as needed to satisfy these requirements.
287 |
288 | e) Convey the object code using peer-to-peer transmission, provided
289 | you inform other peers where the object code and Corresponding
290 | Source of the work are being offered to the general public at no
291 | charge under subsection 6d.
292 |
293 | A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 |
297 | A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling. In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage. For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product. A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 |
310 | "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source. The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 |
318 | If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information. But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 |
329 | The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed. Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 |
337 | Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 |
343 | 7. Additional Terms.
344 |
345 | "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law. If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 |
354 | When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it. (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.) You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 |
361 | Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 |
365 | a) Disclaiming warranty or limiting liability differently from the
366 | terms of sections 15 and 16 of this License; or
367 |
368 | b) Requiring preservation of specified reasonable legal notices or
369 | author attributions in that material or in the Appropriate Legal
370 | Notices displayed by works containing it; or
371 |
372 | c) Prohibiting misrepresentation of the origin of that material, or
373 | requiring that modified versions of such material be marked in
374 | reasonable ways as different from the original version; or
375 |
376 | d) Limiting the use for publicity purposes of names of licensors or
377 | authors of the material; or
378 |
379 | e) Declining to grant rights under trademark law for use of some
380 | trade names, trademarks, or service marks; or
381 |
382 | f) Requiring indemnification of licensors and authors of that
383 | material by anyone who conveys the material (or modified versions of
384 | it) with contractual assumptions of liability to the recipient, for
385 | any liability that these contractual assumptions directly impose on
386 | those licensors and authors.
387 |
388 | All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10. If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term. If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 |
398 | If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 |
403 | Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 |
407 | 8. Termination.
408 |
409 | You may not propagate or modify a covered work except as expressly
410 | provided under this License. Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 |
415 | However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 |
422 | Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 |
429 | Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License. If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 |
435 | 9. Acceptance Not Required for Having Copies.
436 |
437 | You are not required to accept this License in order to receive or
438 | run a copy of the Program. Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance. However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work. These actions infringe copyright if you do
443 | not accept this License. Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 |
446 | 10. Automatic Licensing of Downstream Recipients.
447 |
448 | Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License. You are not responsible
451 | for enforcing compliance by third parties with this License.
452 |
453 | An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations. If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 |
463 | You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License. For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 |
471 | 11. Patents.
472 |
473 | A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based. The
475 | work thus licensed is called the contributor's "contributor version".
476 |
477 | A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version. For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 |
487 | Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 |
492 | In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement). To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 |
499 | If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients. "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 |
513 | If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 |
521 | A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License. You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 |
536 | Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 |
540 | 12. No Surrender of Others' Freedom.
541 |
542 | If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License. If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all. For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 |
552 | 13. Use with the GNU Affero General Public License.
553 |
554 | Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work. The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 |
563 | 14. Revised Versions of this License.
564 |
565 | The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time. Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 |
570 | Each version is given a distinguishing version number. If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation. If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 |
579 | If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 |
584 | Later license versions may give you additional or different
585 | permissions. However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 |
589 | 15. Disclaimer of Warranty.
590 |
591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 |
600 | 16. Limitation of Liability.
601 |
602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 |
612 | 17. Interpretation of Sections 15 and 16.
613 |
614 | If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 |
621 | END OF TERMS AND CONDITIONS
622 |
623 | How to Apply These Terms to Your New Programs
624 |
625 | If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 |
629 | To do so, attach the following notices to the program. It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 |
634 |
635 | Copyright (C)
636 |
637 | This program is free software: you can redistribute it and/or modify
638 | it under the terms of the GNU General Public License as published by
639 | the Free Software Foundation, either version 3 of the License, or
640 | (at your option) any later version.
641 |
642 | This program is distributed in the hope that it will be useful,
643 | but WITHOUT ANY WARRANTY; without even the implied warranty of
644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
645 | GNU General Public License for more details.
646 |
647 | You should have received a copy of the GNU General Public License
648 | along with this program. If not, see .
649 |
650 | Also add information on how to contact you by electronic and paper mail.
651 |
652 | If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 |
655 | Copyright (C)
656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 | This is free software, and you are welcome to redistribute it
658 | under certain conditions; type `show c' for details.
659 |
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License. Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 |
664 | You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | .
668 |
669 | The GNU General Public License does not permit incorporating your program
670 | into proprietary programs. If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library. If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License. But first, please read
674 | .
--------------------------------------------------------------------------------