20 | 25 |
26 | 27 |28 | Get started by sending us a sample error 29 |
30 | 40 | 41 |42 | For more information, see https://docs.sentry.io/platforms/javascript/guides/nextjs/ 43 |
44 |
27 |
31 |
28 |
29 |
30 |
32 |
36 |
37 | );
38 |
39 | return (
40 | <>
41 |
33 |
35 |
43 |
45 |
46 | );
47 | };
48 |
49 | export default AuthTemplate;
--------------------------------------------------------------------------------
/apps/reflio-affiliate/pages/invite/[handle]/[campaignId].js:
--------------------------------------------------------------------------------
1 | import CampaignInvite from '@/templates/CampaignInvite';
2 | import { postData } from '@/utils/helpers';
3 | import SEOMeta from '@/templates/SEOMeta';
4 | import { useRouter } from 'next/router';
5 |
6 | function CampaignInviteIndex({ publicCampaignData }){
7 | const router = useRouter();
8 |
9 | let campaignImageUrl = `/api/public/campaign-image?companyHandle=${router?.query?.handle}&campaignId=${router?.query?.campaignId}`
10 |
11 | return(
12 | <>
13 |
19 |
43 |
44 | );
45 | }
--------------------------------------------------------------------------------
/apps/reflio/pages/api/v1/campaign-details.js:
--------------------------------------------------------------------------------
1 | import { campaignInfo } from 'utils/useDatabase';
2 | import Cors from 'cors';
3 | import { withSentry } from '@sentry/nextjs';
4 |
5 | // Initializing the cors middleware
6 | const cors = Cors({
7 | methods: ['GET', 'POST', 'HEAD'],
8 | });
9 |
10 | // Helper method to wait for a middleware to execute before continuing
11 | // And to throw an error when an error happens in a middleware
12 | function runMiddleware(req, res, fn) {
13 | return new Promise((resolve, reject) => {
14 | fn(req, res, (result) => {
15 | if (result instanceof Error) {
16 | return reject(result)
17 | }
18 |
19 | return resolve(result)
20 | })
21 | })
22 | }
23 |
24 | const campaignDetails = async (req, res) => {
25 |
26 | // Run the middleware
27 | await runMiddleware(req, res, cors);
28 |
29 | let body = req.body;
30 | try {
31 | body = JSON.parse(body);
32 | } catch (error) {
33 | console.log("Could not parse body")
34 | }
35 |
36 | try {
37 | if(body?.referralCode && body?.companyId){
38 | const details = await campaignInfo(body?.referralCode, body?.companyId);
39 | return res.status(200).json({ statusCode: 200, campaign_details: details });
40 | }
41 |
42 | return res.status(500).json({ statusCode: 500, verified: false });
43 |
44 | } catch (error) {
45 | console.log(error);
46 | return res.status(500).json({ error: { statusCode: 500, verified: false } });
47 |
48 | }
49 | };
50 |
51 | export default process.env.SENTRY_AUTH_TOKEN ? withSentry(campaignDetails) : campaignDetails;
--------------------------------------------------------------------------------
/apps/reflio/pages/api/v1/retrieve-referral.js:
--------------------------------------------------------------------------------
1 | import { getReferralFromId } from '@/utils/useDatabase';
2 | import Cors from 'cors';
3 | import { withSentry } from '@sentry/nextjs';
4 |
5 | // Initializing the cors middleware
6 | const cors = Cors({
7 | methods: ['GET', 'POST', 'HEAD'],
8 | });
9 |
10 | // Helper method to wait for a middleware to execute before continuing
11 | // And to throw an error when an error happens in a middleware
12 | function runMiddleware(req, res, fn) {
13 | return new Promise((resolve, reject) => {
14 | fn(req, res, (result) => {
15 | if (result instanceof Error) {
16 | return reject(result)
17 | }
18 |
19 | return resolve(result)
20 | })
21 | })
22 | }
23 |
24 | const retrieveReferral = async (req, res) => {
25 |
26 | // Run the middleware
27 | await runMiddleware(req, res, cors);
28 |
29 | let body = req.body;
30 | try {
31 | body = JSON.parse(body);
32 | } catch (error) {
33 | console.log("Could not parse body")
34 | }
35 |
36 | try {
37 | if(body?.referralId && body?.companyId){
38 | const retrieve = await getReferralFromId(body?.referralId, body?.companyId);
39 | return res.status(200).json({ statusCode: 200, referral_details: retrieve });
40 | }
41 |
42 | return res.status(500).json({ statusCode: 500, verified: false });
43 |
44 | } catch (error) {
45 | console.log(error);
46 | return res.status(500).json({ error: { statusCode: 500, verified: false } });
47 |
48 | }
49 | };
50 |
51 | export default process.env.SENTRY_AUTH_TOKEN ? withSentry(retrieveReferral) : retrieveReferral;
--------------------------------------------------------------------------------
/apps/reflio/pages/pricing.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useState, useRef } from 'react';
2 | import Pricing from '@/components/Pricing';
3 | import { getActiveProductsWithPrices } from '@/utils/supabase-client';
4 | import { SEOMeta } from '@/templates/SEOMeta';
5 | import LoadingTile from '@/components/LoadingTile';
6 | import Features from '@/components/Features';
7 | import Testimonials from '@/components/Testimonials';
8 |
9 | export default function Products() {
10 |
11 | const [products, setProducts] = useState(null);
12 |
13 | const getProducts = async () => {
14 | setProducts(await getActiveProductsWithPrices());
15 | };
16 |
17 | useEffect(() => {
18 | {
19 | products == null &&
20 | getProducts();
21 | }
22 | }, [products]);
23 |
24 | return(
25 | <>
26 |
20 |
31 |
21 |
29 |
30 |
32 |
36 | :
37 |
42 | Edit campaign
33 | { 34 | activeCampaign !== null && activeCampaign !== 'none' ? 35 |
38 |
40 | }
41 |
30 |
52 |
53 | );
54 |
55 | }
--------------------------------------------------------------------------------
/apps/reflio/pages/_error.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * NOTE: This requires `@sentry/nextjs` version 7.3.0 or higher.
3 | *
4 | * NOTE: If using this with `next` version 12.2.0 or lower, uncomment the
5 | * penultimate line in `CustomErrorComponent`.
6 | *
7 | * This page is loaded by Nextjs:
8 | * - on the server, when data-fetching methods throw or reject
9 | * - on the client, when `getInitialProps` throws or rejects
10 | * - on the client, when a React lifecycle method throws or rejects, and it's
11 | * caught by the built-in Nextjs error boundary
12 | *
13 | * See:
14 | * - https://nextjs.org/docs/basic-features/data-fetching/overview
15 | * - https://nextjs.org/docs/api-reference/data-fetching/get-initial-props
16 | * - https://reactjs.org/docs/error-boundaries.html
17 | */
18 |
19 | import * as Sentry from '@sentry/nextjs';
20 | import { NextPageContext } from 'next';
21 | import NextErrorComponent from 'next/error';
22 |
23 | const CustomErrorComponent = (props: { statusCode: any; }) => {
24 | // If you're using a Nextjs version prior to 12.2.1, uncomment this to
25 | // compensate for https://github.com/vercel/next.js/issues/8592
26 | // Sentry.captureUnderscoreErrorException(props);
27 |
28 | return
31 |
51 |
32 |
34 | Pricing
33 |
35 | {
36 | products !== null ?
37 |
38 | :
39 |
44 |
40 |
42 | }
43 |
45 |
47 |
48 |
50 |
2 | 
3 |
4 |
5 |
3 | Reflio
6 | 7 |Create an affiliate program for your SaaS in minutes, from $0/month.
8 | 9 | 10 | 11 | > NOTE: Reflio is under active development and is currently in public beta. 12 | 13 | Reflio puts digital privacy first and is proudly open-source. All referrals are processed through European-owned infrastructure, and our company is registered in the UK. 14 | 15 |
16 | 
17 |
18 |
19 | ## Features / USPs
20 |
21 | - Start an affiliate program in minutes
22 | - Track referrals for Stripe subscriptions or one-time payments
23 | - Automatic payment/refund sync from Stripe
24 | - Cross sub-domain tracking
25 | - Automated GDPR & Privacy compliance for users located in the EU
26 | - Fast embed script (<13kb)
27 | - Free plan available. Pricing from $0/month (with a 9% commission fee)
28 | - One central dashboard for your affiliates
29 | - Get your own customizable affiliate signup page
30 |
31 | ## Contributing / Developer Guide
32 |
33 | All contributions are greatly appreciated. Please see our [Contributing Guide](https://github.com/Reflio-com/reflio/blob/main/CONTRIBUTING.md).
34 |
35 | ## License
36 |
37 | This repository is licensed under [AGPLv3](https://github.com/Reflio-com/reflio/blob/main/LICENSE). To comply with AGPLv3, if you plan to distribute our codebase, please keep the source code public, in a public repository. If you are cloning the code into a private repository (non-public access), and the code is also being used for commercial purposes, please [acquire a commercial license here](https://reflio.com/commercial).
38 |
--------------------------------------------------------------------------------
/packages/ui/src/Footer.js:
--------------------------------------------------------------------------------
1 | import { Logo } from '@/components/Icons/Logo';
2 | import { Github } from '@/components/Icons/Github';
3 |
4 | export const Footer = () => {
5 | return (
6 |
38 | );
39 | }
40 |
41 | export default Footer;
--------------------------------------------------------------------------------
/apps/reflio/utils/CampaignContext.js:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useState, useEffect, createContext, useContext } from 'react';
3 | import { getCampaigns, useUser } from './useUser';
4 | import { useCompany } from './CompanyContext';
5 |
6 | export const CampaignContext = createContext();
7 |
8 | export const CampaignContextProvider = (props) => {
9 | const { user, userFinderLoaded } = useUser();
10 | const { activeCompany } = useCompany();
11 | const [userCampaignDetails, setUserCampaignDetails] = useState(null);
12 | const [activeCampaign, setActiveCampaign] = useState('none');
13 | const router = useRouter();
14 | let value;
15 |
16 | useEffect(() => {
17 | if (userFinderLoaded && getCampaigns && user && userCampaignDetails === null && activeCompany?.company_id) {
18 | getCampaigns(activeCompany?.company_id).then(results => {
19 | setUserCampaignDetails(Array.isArray(results) ? results : [results])
20 |
21 | let newActiveCampaign = null;
22 |
23 | if(router?.query?.campaignId && results?.filter(campaign => campaign?.campaign_id === router?.query?.campaignId)?.length && activeCampaign === 'none' && results){
24 | newActiveCampaign = results?.filter(campaign => campaign?.campaign_id === router?.query?.campaignId);
25 | if( Array.isArray(newActiveCampaign) && newActiveCampaign !== null){
26 | newActiveCampaign = newActiveCampaign[0];
27 | }
28 | }
29 |
30 | if(newActiveCampaign !== null){
31 | setActiveCampaign(newActiveCampaign);
32 | } else {
33 | setActiveCampaign(null);
34 | }
35 | });
36 | }
37 | });
38 |
39 | value = {
40 | activeCampaign,
41 | userCampaignDetails
42 | };
43 |
44 | return
17 |
31 | {
32 | user &&
33 |
53 |
54 | )
55 | }
--------------------------------------------------------------------------------
/apps/reflio/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "reflio",
3 | "version": "1.0.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "js": "uglifyjs ./scripts/reflio.js -c --mangle --no-annotations --webkit -o ./public/js/reflio.min.js"
10 | },
11 | "dependencies": {
12 | "@babel/preset-env": "^7.16.11",
13 | "@headlessui/react": "^1.4.0",
14 | "@heroicons/react": "^1.0.3",
15 | "@sentry/nextjs": "^7.8.1",
16 | "@stripe/stripe-js": "1.11.0",
17 | "@supabase/supabase-js": "^1.25.1",
18 | "@tremor/react": "^1.8.0",
19 | "add": "^2.0.6",
20 | "autoprefixer": "^10.4.2",
21 | "babel-plugin-static-fs": "^3.0.0",
22 | "classnames": "2.2.6",
23 | "cors": "^2.8.5",
24 | "dotenv": "^16.0.1",
25 | "eslint-config-custom": "*",
26 | "eslint-config-next": "^13.0.0",
27 | "file-loader": "^6.2.0",
28 | "html-loader": "^3.0.0",
29 | "jsdom": "^19.0.0",
30 | "mailerlite-api-v2-node": "^1.2.0",
31 | "next": "^13.0.0",
32 | "next-remove-imports": "^1.0.6",
33 | "next-transpile-modules": "^9.0.0",
34 | "node-fetch": "2.6.1",
35 | "parcel-bundler": "^1.12.5",
36 | "postcss": "^8.4.4",
37 | "react": "^18.2.0",
38 | "react-3d-hover": "^1.1.1",
39 | "react-code-blocks": "^0.0.9-0",
40 | "react-confetti": "^6.0.1",
41 | "react-copy-to-clipboard": "^5.1.0",
42 | "react-csv": "^2.2.2",
43 | "react-dom": "^18.2.0",
44 | "react-drag-drop-files": "^2.3.8",
45 | "react-hot-toast": "^2.1.1",
46 | "react-tooltip": "^4.2.21",
47 | "react-use": "^17.3.2",
48 | "recharts": "^2.1.13",
49 | "sass-loader": "^12.2.0",
50 | "sib-api-v3-sdk": "^8.4.0",
51 | "stripe": "8.132.0",
52 | "swr": "0.4.0",
53 | "tailwind-config": "*",
54 | "tailwindcss": "^3.0.22",
55 | "ui": "*",
56 | "yarn": "^1.22.11"
57 | },
58 | "devDependencies": {
59 | "@types/node": "^18.11.0",
60 | "@types/react": "^18.0.21",
61 | "typescript": "^4.8.4"
62 | },
63 | "prettier": {
64 | "arrowParens": "always",
65 | "singleQuote": true,
66 | "tabWidth": 2,
67 | "trailingComma": "none"
68 | },
69 | "engines": {
70 | "node": "^16"
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/apps/reflio/utils/AffiliateContext.js:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useState, useEffect, createContext, useContext } from 'react';
3 | import { getAffiliates, useUser } from './useUser';
4 | import { useCompany } from './CompanyContext';
5 | import { useCampaign } from './CampaignContext';
6 |
7 | export const AffiliateContext = createContext();
8 |
9 | export const AffiliateContextProvider = (props) => {
10 | const { user, userFinderLoaded } = useUser();
11 | const { activeCompany } = useCompany();
12 | const { userCampaignDetails } = useCampaign();
13 | const [userAffiliateDetails, setUserAffiliateDetails] = useState(null);
14 | const [mergedAffiliateDetails, setMergedAffiliateDetails] = useState(null);
15 | let value;
16 |
17 | useEffect(() => {
18 | if (userFinderLoaded && getAffiliates && user && userAffiliateDetails === null && activeCompany?.company_id) {
19 | getAffiliates(activeCompany?.company_id).then(results => {
20 | setUserAffiliateDetails(Array.isArray(results) ? results : [results])
21 | });
22 | }
23 | });
24 |
25 | if(mergedAffiliateDetails === null && userCampaignDetails !== null && userCampaignDetails?.length && userAffiliateDetails !== null && userAffiliateDetails?.length && activeCompany?.company_id ){
26 | let clonedAffiliateDetails = userAffiliateDetails;
27 |
28 | clonedAffiliateDetails?.map(affiliate =>{
29 | userCampaignDetails?.map(campaign =>{
30 | if(affiliate?.campaign_id === campaign?.campaign_id){
31 | affiliate.campaign_name = campaign.campaign_name;
32 | }
33 | })
34 | });
35 |
36 | setMergedAffiliateDetails(clonedAffiliateDetails);
37 | }
38 |
39 | if(userAffiliateDetails !== null && userAffiliateDetails?.length === 0 && mergedAffiliateDetails === null){
40 | setMergedAffiliateDetails([]);
41 | }
42 |
43 | value = {
44 | userAffiliateDetails,
45 | mergedAffiliateDetails
46 | };
47 |
48 | return
34 |
41 | }
42 |
35 |
36 |
40 |
43 |
52 |
7 |
44 | )
45 | };
46 |
47 | export default Testimonials;
--------------------------------------------------------------------------------
/packages/tailwind-config/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: [
3 | "../ui/src/**/*.{js,ts,jsx,tsx}",
4 | "../../apps/reflio/pages/**/*.{js,ts,jsx,tsx}",
5 | "../../apps/reflio/templates/**/*.{js,ts,jsx,tsx}",
6 | "../../apps/reflio/forms/**/*.{js,ts,jsx,tsx}",
7 | "../../apps/reflio-affiliate/pages/**/*.{js,ts,jsx,tsx}",
8 | "../../apps/reflio-affiliate/templates/**/*.{js,ts,jsx,tsx}"
9 | ],
10 | theme: {
11 | fontWeight: {
12 | hairline: 300,
13 | 'extra-light': 300,
14 | thin: 300,
15 | light: 300,
16 | normal: 300,
17 | medium: 400,
18 | semibold: 500,
19 | bold: 500,
20 | extrabold: 500,
21 | 'extra-bold': 500,
22 | black: 500,
23 | },
24 | extend: {
25 | maxWidth: {
26 | '8xl': '1920px'
27 | },
28 | fontFamily: {
29 | primary: ["TT Interfaces"]
30 | },
31 | colors: {
32 | primary: 'var(--primary)',
33 | 'primary-2': 'var(--primary-2)',
34 | 'primary-3': 'var(--primary-3)',
35 | secondary: 'var(--secondary)',
36 | 'secondary-2': 'var(--secondary-2)',
37 | 'secondary-3': 'var(--secondary-3)',
38 | 'hover-1': 'var(--hover-1)',
39 | 'hover-2': 'var(--hover-2)',
40 | 'accents-0': 'var(--accents-0)',
41 | 'accents-1': 'var(--accents-1)',
42 | 'accents-2': 'var(--accents-2)',
43 | 'accents-3': 'var(--accents-3)',
44 | 'accents-4': 'var(--accents-4)',
45 | 'accents-5': 'var(--accents-5)',
46 | 'accents-6': 'var(--accents-6)',
47 | 'accents-7': 'var(--accents-7)',
48 | 'accents-8': 'var(--accents-8)',
49 | 'accents-9': 'var(--accents-9)',
50 | },
51 | textColor: {
52 | primary: 'var(--text-primary)',
53 | secondary: 'var(--text-secondary)'
54 | },
55 | boxShadow: {
56 | 'outline-2': '0 0 0 2px var(--accents-2)',
57 | magical:
58 | 'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px'
59 | },
60 | lineHeight: {
61 | 'extra-loose': '2.2'
62 | },
63 | animation: {
64 | 'pulse-fast': 'pulse 0.75s linear infinite',
65 | }
66 | }
67 | },
68 | variants: {
69 | extend: {
70 | bg: ['disabled'],
71 | }
72 | }
73 | };
74 |
--------------------------------------------------------------------------------
/packages/ui/src/Icons/AnimIcon.js:
--------------------------------------------------------------------------------
1 | export const AnimIcon = ({ ...props }) => {
2 | return(
3 |
20 | );
21 | }
22 |
23 | export default AnimIcon;
--------------------------------------------------------------------------------
/apps/reflio/pages/api/affiliates/invite.js:
--------------------------------------------------------------------------------
1 | import { getUser } from '@/utils/supabase-admin';
2 | import { inviteAffiliate } from '@/utils/useDatabase';
3 | import { sendEmail } from '@/utils/sendEmail';
4 | import { withSentry } from '@sentry/nextjs';
5 |
6 | const inviteUser = async (req, res) => {
7 | if (req.method === 'POST') {
8 | const token = req.headers.token;
9 | const {
10 | companyId,
11 | name,
12 | vercel_username,
13 | companyHandle,
14 | companyName,
15 | campaignId,
16 | emailInvites,
17 | logoUrl,
18 | emailSubject,
19 | emailContent
20 | } = req.body;
21 |
22 | try {
23 | const user = await getUser(token);
24 | let emailInvitesSplit = null;
25 |
26 | if (emailInvites && emailInvites?.includes(',')) {
27 | emailInvitesSplit = emailInvites.split(',');
28 | if (emailInvitesSplit?.length >= 30) {
29 | return res.status(500).json({ response: 'limit reached' });
30 | }
31 | }
32 |
33 | if (user) {
34 | if (emailInvitesSplit === null) {
35 | const invite = await inviteAffiliate(
36 | user,
37 | companyId,
38 | campaignId,
39 | emailInvites,
40 | name,
41 | vercel_username
42 | );
43 |
44 | if (invite === 'success') {
45 | return res.status(200).json({ response: 'success' });
46 | }
47 | } else {
48 | await Promise.all(
49 | emailInvitesSplit?.map(async (inviteEmail) => {
50 | await inviteAffiliate(
51 | user,
52 | companyId,
53 | campaignId,
54 | inviteEmail,
55 | name,
56 | vercel_username
57 | );
58 | })
59 | );
60 | return res.status(200).json({ response: 'success' });
61 | }
62 |
63 | return res.status(500).json({ response: 'error' });
64 | } else {
65 | return res.status(500).json({ response: 'error' });
66 | }
67 | } catch (err) {
68 | console.log(err);
69 | res
70 | .status(500)
71 | .json({ error: { statusCode: 500, message: err.message } });
72 | }
73 | } else {
74 | res.setHeader('Allow', 'POST');
75 | res.status(405).end('Method Not Allowed');
76 | }
77 | };
78 |
79 | export default process.env.SENTRY_AUTH_TOKEN
80 | ? withSentry(inviteUser)
81 | : inviteUser;
82 |
--------------------------------------------------------------------------------
/apps/reflio-affiliate/templates/SEOMeta.tsx:
--------------------------------------------------------------------------------
1 | import Head from 'next/head';
2 |
3 | type SEOMetaProps = {
4 | title?: string;
5 | description?: string;
6 | keywords?: string;
7 | img?: string;
8 | }
9 |
10 | export const SEOMeta: React.FC-
8 | {
9 | !props.small &&
10 |
-
12 |
13 | Great stuff - a space that needs a cost effective product!
14 |
15 | - @maxwellcdavis 16 |
-
20 |
21 | Reflio.com by @richiemcilroy is privacy conscious and doesn't break the bank. It's still in beta but I'm excited about it.
22 |
23 | - @foliofed 24 |
-
27 |
28 | Fun idea. I've been looking for an affordable service like this too. Wasn't impressed by the market's current offerings the last time I looked. Great domain name too!
29 |
30 | - @BrianSaetre 31 |
-
36 |
37 | Richie, I've just seen this thread on Reflio. Great idea and it looks mint!
38 |
39 | - @_thunk_ 40 |
11 |
17 | }
18 |
19 |
25 |
26 |
32 | {
33 | !props.small &&
34 |
35 |
41 | }
42 |
19 |
23 |
20 |
22 |
24 |
28 |
25 |
27 | Create a campaign
26 |
29 | {
30 | userCampaignDetails !== null && userCampaignDetails?.length > 0 ?
31 |
62 | }
63 |
64 |
65 | );
66 | }
--------------------------------------------------------------------------------
/apps/reflio/LICENSE:
--------------------------------------------------------------------------------
1 | The Reflio Enterprise Edition (EE) license (the “EE License”)
2 | Copyright (c) 2022-present Reflio (McIlroy Limited)
3 |
4 | With regard to the Reflio Software:
5 |
6 | This software and associated documentation files (the "Software") may only be
7 | used in production, if you (and any entity that you represent) have agreed to,
8 | and are in compliance with, the Reflio Subscription Terms available
9 | at https://reflio.com/terms (the “EE Terms”), or other agreements governing
10 | the use of the Software, as mutually agreed by you and Reflio (McIlroy Limited),
11 | and otherwise have a valid Reflio Enterprise Edition subscription ("EE Subscription")
12 | for the correct number of hosts as defined in the EE Terms ("Hosts"). Subject to the foregoing sentence,
13 | you are free to modify this Software and publish patches to the Software. You agree
14 | that Reflio and/or its licensors (as applicable) retain all right, title and interest in
15 | and to all such modifications and/or patches, and all such modifications and/or
16 | patches may only be used, copied, modified, displayed, distributed, or otherwise
17 | exploited with a valid EE Subscription for the correct number of hosts.
18 | Notwithstanding the foregoing, you may copy and modify the Software for development
19 | and testing purposes, without requiring a subscription. You agree that Reflio and/or
20 | its licensors (as applicable) retain all right, title and interest in and to all such
21 | modifications. You are not granted any other rights beyond what is expressly stated herein.
22 | Subject to the foregoing, it is forbidden to copy, merge, publish, distribute, sublicense,
23 | and/or sell the Software.
24 |
25 | This EE License applies only to the part of this Software that is not distributed under
26 | the AGPLv3 license. Any part of this Software distributed under the AGPLv3 license or which
27 | is served client-side as an image, font, cascading stylesheet (CSS), file which produces
28 | or is compiled, arranged, augmented, or combined into client-side JavaScript, in whole or
29 | in part, is copyrighted under the AGPLv3 license. The full text of this EE License shall
30 | be included in all copies or substantial portions of the Software.
31 |
32 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
33 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
34 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
35 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
36 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
37 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
38 | SOFTWARE.
39 |
40 | For all third party components incorporated into the Reflio Software, those
41 | components are licensed under the original license provided by the owner of the
42 | applicable component.
43 |
--------------------------------------------------------------------------------
/packages/ui/src/CompanyLogoUpload.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useRef } from 'react';
2 | import { uploadLogoImage } from '@/utils/useUser';
3 | import { useRouter } from 'next/router';
4 | import { useCompany } from '@/utils/CompanyContext';
5 | import toast from 'react-hot-toast';
6 |
7 | export const CompanyLogoUpload = () => {
8 | const router = useRouter();
9 | const { activeCompany } = useCompany();
10 | const [logoError, setLogoError] = useState(false);
11 | const fileInput = useRef
32 |
60 | :
61 | Your first campaign is ready.
33 |
34 |
37 | Campaign name:
35 |{userCampaignDetails[0]?.campaign_name}
36 |
38 |
47 | Commission:
39 | { 40 | userCampaignDetails[0]?.commission_type === "percentage" ? 41 |{userCampaignDetails[0]?.commission_value}%
42 | : 43 |{priceString(userCampaignDetails[0]?.commission_value, activeCompany?.company_currency)}
44 | } 45 |{userCampaignDetails[0]?.commi}
46 |
48 | Edit campaign
49 |
50 |
51 |
58 |
59 | Company Logo
40 |
41 |
72 |
73 | )
74 | };
75 |
76 | export default CompanyLogoUpload;
--------------------------------------------------------------------------------
/packages/ui/src/Features.js:
--------------------------------------------------------------------------------
1 | import {
2 | EyeOffIcon,
3 | LightningBoltIcon,
4 | SparklesIcon,
5 | CurrencyDollarIcon,
6 | GlobeIcon,
7 | CreditCardIcon,
8 | EyeIcon
9 | } from '@heroicons/react/outline';
10 |
11 | export const Features = () => {
12 |
13 | const features = [
14 | {
15 | name: 'Pricing from $0/month',
16 | description: "We're indie hacker friendly. Being indie hackers ourselves, we know that all new projects start from $0 MRR. Reflio starts from just $0/month with a 9% fee per successful referral.",
17 | active: true,
18 | icon: CurrencyDollarIcon
19 | },
20 | {
21 | name: 'Get started in minutes',
22 | description: 'Quickly connect your SaaS product to Reflio with pre-written code examples. You can instantly take advantage of word of mouth referrals to get higher quality sign ups to your app via your existing users.',
23 | active: true,
24 | icon: SparklesIcon
25 | },
26 | {
27 | name: 'Subscriptions or one-time charges',
28 | description: 'Reflio works with both subscriptions and one-time payments in Stripe. Future subscription payments that came from a referral are handled automatically and re-collected in your dashboard.',
29 | active: true,
30 | icon: CreditCardIcon
31 | },
32 | {
33 | name: 'Cross subdomain tracking',
34 | description: "Is your SaaS on a subdomain? Don't worry. We'll automatically track across your main domain to your sub domain with no extra work on your end.",
35 | active: true,
36 | icon: GlobeIcon
37 | },
38 | {
39 | name: "Automated GDPR & Privacy compliance mode",
40 | description: 'All data is processed through European-owned infrastructure, and our company is registered in the UK. With Reflio, you can choose for referrals located in the EU to automatically be required to confirm their consent before a cookie is set.',
41 | active: true,
42 | icon: EyeOffIcon
43 | },
44 | {
45 | name: 'Our embed script is fast',
46 | description: "Being under <13kb, our embed code is up to 5x faster than some of our competitors, meaning we're better for your SEO than they are.",
47 | active: true,
48 | icon: LightningBoltIcon
49 | },
50 | ];
51 |
52 | return(
53 |
42 | {
43 | activeCompany?.company_image !== null &&
44 | 
45 | }
46 |
54 |
61 |
62 | 63 | Must be a PNG or JPEG file and less than 2mb. 64 |
65 | { 66 | logoError && 67 |
68 | There was an error when uploading your file.
69 |
70 | }
71 |
54 |
69 | );
70 | };
71 |
72 | export default Features;
--------------------------------------------------------------------------------
/apps/reflio-affiliate/pages/api/public/campaign-image.tsx:
--------------------------------------------------------------------------------
1 | import { ImageResponse } from '@vercel/og';
2 | import { postData, priceString } from '@/utils/helpers';
3 | import { NextRequest } from 'next/server';
4 |
5 | export const config = {
6 | runtime: 'experimental-edge',
7 | };
8 |
9 | const ogImageGenerate = async (companyHandle: any, campaignId: any) => {
10 | const { campaign } = await postData({
11 | url: `${process.env.NEXT_PUBLIC_AFFILIATE_SITE_URL}/api/public/campaign`,
12 | token: null,
13 | data: {
14 | "companyHandle": companyHandle ? companyHandle : null,
15 | "campaignId": campaignId ? campaignId : null
16 | }
17 | });
18 |
19 | return campaign;
20 | };
21 |
22 | export default async function handler(req: NextRequest) {
23 | const { searchParams } = new URL(req.url);
24 | const hasCompanyHandle = searchParams.has('companyHandle');
25 | const hasCampaignId = searchParams.has('campaignId');
26 | const companyHandle = hasCompanyHandle ? searchParams.get('companyHandle')?.slice(0, 100) : null;
27 | const campaignId = hasCampaignId ? searchParams.get('campaignId')?.slice(0, 100) : null;
28 | const campaign = companyHandle !== null ? await ogImageGenerate(companyHandle, campaignId) : null;
29 |
30 | return new ImageResponse(
31 | (
32 | // Modified based on https://tailwindui.com/components/marketing/sections/cta-sections
33 | -
55 | {features.map((feature) => (
56 |
-
58 | {
59 | feature.icon &&
60 |
61 | } 62 | {feature.name}
63 |
64 | - {feature.description} 65 |
57 |
66 | ))}
67 |
34 | {
35 | campaign?.company_name ?
36 |
56 | ),
57 | {
58 | width: 1200,
59 | height: 630,
60 | },
61 | );
62 | }
--------------------------------------------------------------------------------
/packages/ui/src/PricingSnippet.js:
--------------------------------------------------------------------------------
1 | export const PricingSnippet = (props) => {
2 | return(
3 |
37 | {
38 | campaign?.company_image !== null ?
39 |
50 | :
51 |
40 | 
41 |
42 | :
43 | {campaign?.company_name}
44 | } 45 |
46 |
48 | {campaign?.campaign_name}
47 |{campaign?.commission_type === 'percentage' ? `${campaign?.commission_value}% commission on all paid referrals.` : `${priceString(campaign?.commission_value, campaign?.company_currency)} commission on all paid referrals.`}
49 |
52 |
54 | }
55 | Get started with Reflio
53 |
4 |
48 | );
49 | };
50 |
51 | export default PricingSnippet;
--------------------------------------------------------------------------------
/apps/reflio/pages/404.tsx:
--------------------------------------------------------------------------------
1 | /* This example requires Tailwind CSS v2.0+ */
2 | import { ChevronRightIcon } from '@heroicons/react/solid'
3 | import { BookOpenIcon, CurrencyDollarIcon, TemplateIcon } from '@heroicons/react/outline'
4 |
5 | const links = [
6 | { title: 'Dashboard', href: '/dashboard', description: 'Your dashboard to control campaigns, affiliates and commissions.', icon: TemplateIcon },
7 | { title: 'Pricing', href: '/pricing', description: 'View our different pricing plans and see which one most suits your business.', icon: CurrencyDollarIcon },
8 | { title: 'Resources', href: '/resources', description: 'Learn how to integrate Reflio into your website', icon: BookOpenIcon }
9 | ];
10 |
11 | export default function FourOhFour() {
12 | return (
13 |
5 |
47 |
6 |
46 |
7 |
12 | 8 | Pricing 9 |
10 |No hidden fees. No complicated plans.
11 |
13 |
45 |
14 |
30 | PRO ($14/month)
15 |Perfect for establised web apps and production environments.
16 |-
17 |
- Unlimited submissions 18 |
- Unlimited companies 19 |
- Custom embed styling 20 |
- Remove Reflio companying 21 |
- Automatically collect user console errors 22 |
31 |
44 | Free
32 |100% free to setup and start collecting submissions. Suitable for indie makers and smaller companies.
33 |-
34 |
- 15 free submissions 35 |
- 1 free company 36 |
14 |
58 | )
59 | }
--------------------------------------------------------------------------------
/apps/reflio/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import type { AppProps } from "next/app";
2 | import dynamic from 'next/dynamic';
3 | import Head from 'next/head';
4 | import { useEffect } from 'react';
5 | import "@/dist/styles.css";
6 | import '@tremor/react/dist/esm/tremor.css';
7 | import Layout from '@/templates/Layout';
8 | import { useRouter } from 'next/router';
9 | import SEOMeta from '@/templates/SEOMeta';
10 |
11 | export default function MyApp({ Component, pageProps: { ...pageProps }, }: AppProps<{}>) {
12 | const UserContextProvider = dynamic(() =>
13 | import("@/utils/useUser").then((module) => module.UserContextProvider)
14 | );
15 | const CompanyContextProvider = dynamic(() =>
16 | import("@/utils/CompanyContext").then((module) => module.CompanyContextProvider)
17 | );
18 | const CampaignContextProvider = dynamic(() =>
19 | import("@/utils/CampaignContext").then((module) => module.CampaignContextProvider)
20 | );
21 | const AffiliateContextProvider = dynamic(() =>
22 | import("@/utils/AffiliateContext").then((module) => module.AffiliateContextProvider)
23 | );
24 | const router = useRouter();
25 |
26 | useEffect(() => {
27 | document.body.classList?.remove('loading');
28 |
29 | if(router?.asPath?.indexOf("&token_type=bearer&type=recovery") > 0) {
30 | let access_token = router?.asPath?.split("access_token=")[1].split("&")[0];
31 | router.push('/reset-password?passwordReset=true&access_token='+access_token+'');
32 | }
33 | });
34 |
35 | return (
36 | <>
37 | {
38 | typeof window !== "undefined" && window.location.href.includes('/dashboard/') &&
39 |
40 |
45 |
46 | }
47 |
15 |
57 |
16 |
22 | Error 404
17 |18 | This page does not exist. 19 |
20 |The page you are looking for could not be found.
21 |
23 |
56 | Popular pages
24 |-
25 | {links.map((link, linkIdx) => (
26 |
-
27 | 28 | 29 | 30 | 31 |32 |33 |43 |
34 | 35 | 36 | 37 | {link.title} 38 | 39 | 40 |
41 |{link.description}
42 |44 | 45 |46 |
47 | ))}
48 |
50 |
51 | Or go back home
52 |
53 |
54 |
55 |
49 | {
50 | router.pathname.indexOf('/dashboard') > -1 ?
51 |
52 |
53 |
54 |
55 |
56 |
58 |
59 |
60 |
61 |
62 | :
63 |
64 |
65 |
67 |
68 | }
69 |
70 |
71 | );
72 | };
--------------------------------------------------------------------------------
/apps/reflio/pages/sentry_sample_error.tsx:
--------------------------------------------------------------------------------
1 | import Head from 'next/head'
2 |
3 | const boxStyles = { padding: '12px', border: '1px solid #eaeaea', borderRadius: '10px' };
4 | export default function Home() {
5 | return (
6 |
7 |
8 | Sentry Onboarding
9 |
10 |
11 |
12 |
19 |
45 |
46 | )
47 | }
48 |
--------------------------------------------------------------------------------
/apps/reflio/pages/api/v1/record-referral.js:
--------------------------------------------------------------------------------
1 | import {
2 | verifyReferral,
3 | fireRecordImpression,
4 | createReferral
5 | } from '@/utils/useDatabase';
6 | import Cors from 'cors';
7 | import { withSentry } from '@sentry/nextjs';
8 | import { supabaseAdmin } from '@/utils/supabase-admin';
9 |
10 | // Initializing the cors middleware
11 | const cors = Cors({
12 | methods: ['POST']
13 | });
14 |
15 | // Helper method to wait for a middleware to execute before continuing
16 | // And to throw an error when an error happens in a middleware
17 | function runMiddleware(req, res, fn) {
18 | return new Promise((resolve, reject) => {
19 | fn(req, res, (result) => {
20 | if (result instanceof Error) {
21 | return reject(result);
22 | }
23 |
24 | return resolve(result);
25 | });
26 | });
27 | }
28 |
29 | const COMPANY_ID = '19cpdhnsxl2nwc0';
30 |
31 | const recordImpression = async (req, res) => {
32 | console.log('Impression API Call');
33 |
34 | // Run the middleware
35 | await runMiddleware(req, res, cors);
36 |
37 | let body = req.body;
38 | try {
39 | body = JSON.parse(body);
40 | } catch (error) {
41 | console.log('Could not parse body');
42 | }
43 |
44 | try {
45 | console.log('Trying...');
46 |
47 | if (body?.vercel_username) {
48 | console.log('Has items');
49 |
50 | const vercel_username = body.vercel_username;
51 |
52 | const { data } = await supabaseAdmin
53 | .from('affiliates')
54 | .select('affiliate_id')
55 | .eq('vercel_username', vercel_username);
56 |
57 | if (!data)
58 | return res.status(500).json({ statusCode: 500, verified: false });
59 |
60 | if (data.length <= 0)
61 | return res.status(404).json({ statusCode: 404, verified: false });
62 |
63 | const { affiliate_id } = data[0];
64 |
65 | const referralVerify = await verifyReferral(affiliate_id, COMPANY_ID);
66 |
67 | if (
68 | referralVerify !== 'error' &&
69 | referralVerify?.affiliate_id &&
70 | referralVerify?.campaign_id
71 | ) {
72 | console.log('Referral verified...');
73 |
74 | const impression = await fireRecordImpression(
75 | referralVerify?.affiliate_id
76 | );
77 |
78 | console.log('Impression:');
79 | console.log(impression);
80 |
81 | if (impression === 'success') {
82 | const referral = await createReferral(referralVerify);
83 |
84 | if (referral !== 'error') {
85 | return res
86 | .status(200)
87 | .json({ statusCode: 200, referral_details: referral });
88 | }
89 | }
90 | }
91 | }
92 |
93 | return res.status(500).json({ statusCode: 500, verified: false });
94 | } catch (error) {
95 | console.log(error);
96 | return res
97 | .status(500)
98 | .json({ error: { statusCode: 500, verified: false } });
99 | }
100 | };
101 |
102 | export default process.env.SENTRY_AUTH_TOKEN
103 | ? withSentry(recordImpression)
104 | : recordImpression;
105 |
--------------------------------------------------------------------------------
/apps/reflio-affiliate/utils/useUser.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useState, createContext, useContext } from 'react';
2 | import { supabase } from './supabase-client';
3 |
4 | export const UserContext = createContext();
5 |
6 | export const UserContextProvider = (props) => {
7 | const [userLoaded, setUserLoaded] = useState(false);
8 | const [session, setSession] = useState(null);
9 | const [user, setUser] = useState(null);
10 | const [userFinderLoaded, setUserFinderLoaded] = useState(false);
11 | const [userDetails, setUserDetails] = useState(null);
12 |
13 | useEffect(() => {
14 | const session = supabase.auth.session();
15 | setSession(session);
16 | setUser(session?.user ?? null);
17 | const { data: authListener } = supabase.auth.onAuthStateChange(
18 | async (event, session) => {
19 | setSession(session);
20 | setUser(session?.user ?? null);
21 | }
22 | );
23 |
24 | setUserFinderLoaded(true);
25 |
26 | return () => {
27 | authListener.unsubscribe();
28 | };
29 | }, []);
30 |
31 | const getUserDetails = () => supabase.from('users').select('*').eq('id', user?.id).single();
32 | useEffect(() => {
33 | if (user) {
34 | Promise.allSettled([getUserDetails()]).then(
35 | (results) => {
36 | setUserDetails(results[0].value.data);
37 | setUserLoaded(true);
38 | setUserFinderLoaded(true);
39 | }
40 | );
41 | }
42 | }, [user]);
43 |
44 | const value = {
45 | session,
46 | user,
47 | userDetails,
48 | userLoaded,
49 | userFinderLoaded,
50 | signIn: (options) => supabase.auth.signIn({email: options.email}, {shouldCreateUser: options.shouldCreateUser, redirectTo: options.redirectTo}),
51 | signInWithPassword: (options) => supabase.auth.signIn({email: options.email, password: options.password}, {shouldCreateUser: options.shouldCreateUser, redirectTo: options.redirectTo}),
52 | signUp: (options) => supabase.auth.signUp({email: options.email, password: options.password}, {redirectTo: options.redirectTo}),
53 | forgotPassword: (email) => supabase.auth.api.resetPasswordForEmail(email),
54 | signOut: () => {
55 | setUserDetails(null);
56 | return supabase.auth.signOut();
57 | }
58 | };
59 | return
59 |
63 |
60 |
62 |
64 |
68 |
65 |
67 | Verifying stripe account...
66 |
69 |
84 |
85 | );
86 | }
--------------------------------------------------------------------------------
/apps/reflio-affiliate/templates/AdminNavbar/AdminNavItems.js:
--------------------------------------------------------------------------------
1 | import { Fragment } from 'react';
2 | import { useUser } from '@/utils/useUser';
3 | import { useRouter } from 'next/router';
4 | import { classNames } from '@/utils/helpers';
5 | import { Listbox, Transition } from '@headlessui/react';
6 | import { CheckIcon, SelectorIcon } from '@heroicons/react/solid';
7 | import {
8 | CogIcon,
9 | UserGroupIcon,
10 | CurrencyDollarIcon,
11 | TemplateIcon,
12 | SparklesIcon
13 | } from '@heroicons/react/outline';
14 |
15 | export const AdminNavItems = () => {
16 | const { signOut } = useUser();
17 | const router = useRouter();
18 |
19 | const navigation = [
20 | { name: 'Dashboard', href: `/dashboard`, icon: TemplateIcon },
21 | // { name: 'My Campaigns', href: `/dashboard/campaigns`, icon: UserGroupIcon },
22 | { name: 'Referrals', href: `/dashboard/referrals`, icon: SparklesIcon },
23 | {
24 | name: 'Commissions',
25 | href: `/dashboard/commissions`,
26 | icon: CurrencyDollarIcon
27 | }
28 | // { name: 'Campaign Finder', href: `/dashboard/campaigns/finder`, icon: SearchIcon },
29 | // { name: 'Settings', href: `/dashboard/settings`, icon: CogIcon }
30 | ];
31 |
32 | const secondaryNavigation = [{ name: 'Changelog', href: '/changelog' }];
33 |
34 | return (
35 | <>
36 |
85 |
86 | );
87 | };
88 |
89 | export default AdminNavItems;
90 |
--------------------------------------------------------------------------------
70 |
83 |
71 |
73 | {
74 | error !== null &&
75 |
76 |
81 | }
82 |
77 |
79 | Try again
80 | {error}
78 |