import {
	createElement,
	Component,
	useEffect,
	useState,
	useMemo,
	useReducer,
	Fragment,
} from '@wordpress/element'

import classnames from 'classnames'
import { __, sprintf } from 'ct-i18n'
import ListPicker from './ListPicker'
import Overlay from '../../../../../static/js/helpers/Overlay'
import { Select } from 'blocksy-options'

import useProExtensionInFree from '../../../../../static/js/dashboard/helpers/useProExtensionInFree'

const freeProviders = ['mailchimp', 'demo']

const EditCredentials = ({ extension, onCredentialsValidated }) => {
	const [provider, setProvider] = useState(extension.data.provider)

	const [apiKey, setApiKey] = useState(extension.data.api_key)
	const [listId, setListId] = useState(extension.data.list_id)
	const [isLoading, setIsLoading] = useState(false)

	const { isPro, showNotice, content } = useProExtensionInFree(extension, {
		strategy: 'pro',
	})

	useEffect(() => {
		if (
			extension.data &&
			!freeProviders.includes(extension.data.provider) &&
			!isPro
		) {
			setProvider(freeProviders[0])
		}
	}, [])

	const attemptToSaveCredentials = async () => {
		const body = new FormData()

		body.append('provider', provider)
		body.append('api_key', apiKey)
		body.append('list_id', listId)

		body.append(
			'action',
			'blocksy_ext_newsletter_subscribe_maybe_save_credentials'
		)

		setIsLoading(true)

		try {
			const response = await fetch(ctDashboardLocalizations.ajax_url, {
				method: 'POST',
				body,
			})

			if (response.status === 200) {
				const body = await response.json()

				if (body.success) {
					if (body.data.result !== 'api_key_invalid') {
						onCredentialsValidated()
					}
				}
			}
		} catch (e) {}

		await new Promise((r) => setTimeout(() => r(), 1000))

		setIsLoading(false)
	}

	return (
		<div
			className={classnames(
				'ct-extension-options ct-newsletter-subscribe-options'
			)}>
			<h4>{__('Connect Newsletter Provider', 'blocksy-companion')}</h4>

			<div
				className="ct-newsletter-credentials"
				data-columns={provider.indexOf('mailerlite') > -1 ? 4 : 3}>
				<section>
					<label>{__('Provider', 'blocksy-companion')}</label>
					<Select
						onChange={(copy) => {
							if (!isPro && !freeProviders.includes(copy)) {
								setProvider(copy)
								setTimeout(() => {
									setProvider(freeProviders[0])
								})
								showNotice()
								return
							}

							setProvider(copy)
						}}
						option={{
							placeholder: __(
								'Pick Mailing Service',
								'blocksy-companion'
							),
							choices: [
								{
									key: 'mailchimp',
									value: 'Mailchimp',
								},

								{
									key: 'mailerlite',
									value: 'Mailerlite',
								},

								{
									key: 'brevo',
									value: 'Brevo (Sendinblue)',
								},

								{
									key: 'campaignmonitor',
									value: 'Campaign Monitor',
								},

								{
									key: 'convertkit',
									value: 'ConvertKit',
								},

								{
									key: 'demo',
									value: 'Demo',
								},
							],
						}}
						value={
							provider.indexOf('mailerlite') > -1
								? 'mailerlite'
								: provider
						}
					/>
				</section>

				{provider.indexOf('mailerlite') > -1 && (
					<section>
						<label>{__('Version', 'blocksy-companion')}</label>
						<Select
							onChange={(copy) => {
								setProvider(
									copy === 'new'
										? 'mailerlite-new'
										: 'mailerlite'
								)
							}}
							option={{
								placeholder: __(
									'Pick Mailing Service',
									'blocksy-companion'
								),
								choices: [
									{
										key: 'classic',
										value: 'Classic',
									},

									{
										key: 'new',
										value: 'New',
									},
								],
							}}
							value={
								provider === 'mailerlite-new'
									? 'new'
									: 'classic'
							}
						/>
					</section>
				)}

				{(freeProviders.includes(provider) ||
					ctDashboardLocalizations.plugin_data.is_pro) && (
					<Fragment>
						<section>
							<label>{__('API Key', 'blocksy-companion')}</label>

							<div className="ct-option-input">
								<input
									type="text"
									onChange={({ target: { value } }) =>
										setApiKey(value)
									}
									value={apiKey || ''}
								/>
							</div>
						</section>
						<section>
							<label>{__('List ID', 'blocksy-companion')}</label>

							<ListPicker
								listId={listId}
								onChange={(id) => setListId(id)}
								provider={provider}
								apiKey={apiKey}
							/>
						</section>
					</Fragment>
				)}
			</div>

			{provider === 'mailchimp' && (
				<span
					className="ct-option-description"
					dangerouslySetInnerHTML={{
						__html: sprintf(
							__(
								'More information on how to generate an API key for Mailchimp can be found %shere%s.',
								'blocksy-companion'
							),

							'<a target="_blank" href="https://mailchimp.com/help/about-api-keys/">',
							'</a>'
						),
					}}
				/>
			)}

			{ctDashboardLocalizations.plugin_data.is_pro &&
				provider.indexOf('mailerlite') > -1 && (
					<span
						className="ct-option-description"
						dangerouslySetInnerHTML={{
							__html: sprintf(
								__(
									'More information on how to generate an API key for Mailerlite can be found %shere%s. Please note that it is required at least one group to be created in your account for the integration to work. More info on how to create a group %shere%s.',
									'blocksy-companion'
								),

								'<a target="_blank" href="https://www.mailerlite.com/help/where-to-find-the-mailerlite-api-key-and-documentation">',
								'</a>',
								'<a target="_blank" href="https://www.mailerlite.com/help/how-to-create-and-use-groups">',
								'</a>'
							),
						}}
					/>
				)}

			{provider.indexOf('demo') > -1 && (
				<span
					className="ct-option-description"
					dangerouslySetInnerHTML={{
						__html: __(
							'This provider is used only for testing purposes. It doesnt register any real subscribers.',
							'blocksy-companion'
						),
					}}
				/>
			)}

			{ctDashboardLocalizations.plugin_data.is_pro &&
				provider === 'brevo' && (
					<span
						className="ct-option-description"
						dangerouslySetInnerHTML={{
							__html: sprintf(
								__(
									'More information on how to generate an API key for Brevo can be found %shere%s.',
									'blocksy-companion'
								),

								'<a target="_blank" href="https://help.brevo.com/hc/en-us/articles/209467485-Create-and-manage-your-API-keys">',
								'</a>'
							),
						}}
					/>
				)}

			{ctDashboardLocalizations.plugin_data.is_pro &&
				provider === 'convertkit' && (
					<span
						className="ct-option-description"
						dangerouslySetInnerHTML={{
							__html: sprintf(
								__(
									'More information on how to generate an API key for ConvertKit can be found %shere%s.',
									'blocksy-companion'
								),

								'<a target="_blank" href="https://developers.convertkit.com/#api-basics">',
								'</a>'
							),
						}}
					/>
				)}

			{ctDashboardLocalizations.plugin_data.is_pro &&
				provider === 'campaignmonitor' && (
					<span
						className="ct-option-description"
						dangerouslySetInnerHTML={{
							__html: sprintf(
								__(
									'More information on how to generate an API key for Campaign Monitor can be found %shere%s.',
									'blocksy-companion'
								),

								'<a target="_blank" href="https://help.campaignmonitor.com/api-keys">',
								'</a>'
							),
						}}
					/>
				)}

			<button
				className="ct-button-primary"
				disabled={!apiKey || !listId || isLoading}
				onClick={() => attemptToSaveCredentials()}>
				{isLoading
					? __('Loading...', 'blocksy-companion')
					: __('Save Settings', 'blocksy-companion')}
			</button>

			{content}
		</div>
	)
}

export default EditCredentials
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Coated Wire Archives - American Durafilm</title>
	<atom:link href="https://americandurafilm.logicalclient.in/services-category/coated-wire/feed/" rel="self" type="application/rss+xml" />
	<link>https://americandurafilm.logicalclient.in/services-category/coated-wire/</link>
	<description>Fabrication Ideas Take Shape</description>
	<lastBuildDate>Sat, 18 Oct 2025 00:56:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://americandurafilm.logicalclient.in/wp-content/uploads/2021/12/cropped-AmDuraLogo-1-32x32.png</url>
	<title>Coated Wire Archives - American Durafilm</title>
	<link>https://americandurafilm.logicalclient.in/services-category/coated-wire/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Technical Data</title>
		<link>https://americandurafilm.logicalclient.in/coated-wire/technical-data/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Oct 2025 17:13:46 +0000</pubDate>
				<guid isPermaLink="false">https://americandurafilm.logicalclient.in/?post_type=services&#038;p=2657</guid>

					<description><![CDATA[<p>Technical Data Coating Brand Name Release Enhancement Color FDA Compliance Max Operating Temp. 420G Series GlideCore-ID Excellent Increased Durability Gray, Black, &#38; Sparkling Black Yes 500F 958G-2XX GlideCore-IDX Good Increased Durability vs. 420 Series Black &#38; Green No 400F 959G-203 GlideCore-IDX2 Good Increased Durability vs. 420 Series Black Yes 400F 958G-313 GlideCore-CR Excellent Ceramic Reinforced [&#8230;]</p>
<p>The post <a href="https://americandurafilm.logicalclient.in/coated-wire/technical-data/">Technical Data</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>Technical Data</h2>
<table border="1" cellpadding="6" cellspacing="0" style="border-collapse: collapse; width: 100%;">
<thead>
<tr>
<th>Coating</th>
<th>Brand Name</th>
<th>Release</th>
<th>Enhancement</th>
<th>Color</th>
<th>FDA Compliance</th>
<th>Max Operating Temp.</th>
</tr>
</thead>
<tbody>
<tr>
<td>420G Series</td>
<td><em>GlideCore-ID</em></td>
<td>Excellent</td>
<td>Increased Durability</td>
<td>Gray, Black, &amp; Sparkling Black</td>
<td>Yes</td>
<td>500F</td>
</tr>
<tr>
<td>958G-2XX</td>
<td><em>GlideCore-IDX</em></td>
<td>Good</td>
<td>Increased Durability vs. 420 Series</td>
<td>Black &amp; Green</td>
<td>No</td>
<td>400F</td>
</tr>
<tr>
<td>959G-203</td>
<td><em>GlideCore-IDX2</em></td>
<td>Good</td>
<td>Increased Durability vs. 420 Series</td>
<td>Black</td>
<td>Yes</td>
<td>400F</td>
</tr>
<tr>
<td>958G-313</td>
<td><em>GlideCore-CR</em></td>
<td>Excellent</td>
<td>Ceramic Reinforced</td>
<td>Black</td>
<td>No</td>
<td>500F</td>
</tr>
<tr>
<td>855G-021</td>
<td><em>GlideCore-PF</em></td>
<td>Good</td>
<td>PTFE/FEP Blend</td>
<td>Navy Blue</td>
<td>Yes</td>
<td>500F</td>
</tr>
<tr>
<td>24-001</td>
<td><em>GlideCore-UTX</em></td>
<td>Excellent</td>
<td>Ultra Thin</td>
<td>Translucent</td>
<td>Yes</td>
<td>500F</td>
</tr>
<tr>
<td>24-001 NR</td>
<td><em>GlideCore-SF</em></td>
<td>Excellent</td>
<td>Solvent Free</td>
<td>Translucent</td>
<td>Yes</td>
<td>500F</td>
</tr>
<tr>
<td>Polyimide</td>
<td><em>InsulCore</em></td>
<td>Fair</td>
<td>Insulator</td>
<td>Amber, Black, Green, Red</td>
<td>Yes</td>
<td>752F</td>
</tr>
<tr>
<td>Polyimide/PTFE</td>
<td><em>InsulCore-L</em></td>
<td>Good</td>
<td>Insulator + Lubricity</td>
<td>Amber, Black, Green, Red</td>
<td>Yes</td>
<td>500F</td>
</tr>
</tbody>
</table>
<p>The post <a href="https://americandurafilm.logicalclient.in/coated-wire/technical-data/">Technical Data</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Enhanced Features</title>
		<link>https://americandurafilm.logicalclient.in/services/enhanced-features/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Oct 2025 17:11:44 +0000</pubDate>
				<guid isPermaLink="false">https://americandurafilm.logicalclient.in/?post_type=services&#038;p=2655</guid>

					<description><![CDATA[<p>American Durafilm can add value to your coated wire or mandrel project beyond the basic coating requirements. Whether it be a composite coating, pigments, or precision cutting, we offer turnkey solutions to fit almost any need.</p>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/enhanced-features/">Enhanced Features</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></description>
										<content:encoded><![CDATA[<ul>
<li>Laser Machining</li>
<li><span style="font-weight: 400;">Custom Masking</span></li>
<li><span style="font-weight: 400;">A Variety of Colors in Either Coating Type</span></li>
<li><span style="font-weight: 400;">Composite Blends of PTFE &amp; Polyimide to Combine the Best Features of Both Coatings</span></li>
</ul>
<p>American Durafilm has the ability to provide value added solutions to our wires, offering a more turnkey approach for our customers. No matter what the application, American Durafilm’s team of engineers and coating experts can help bring your designs to life. From small quantities up through production volumes, we meet all your needs under one roof. We satisfy the most demanding customer needs thanks to generations of expertise combined with our nimbleness and responsiveness to deliver the best customer experience in the industry.</p>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/enhanced-features/">Enhanced Features</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Polyimide Coated Wire</title>
		<link>https://americandurafilm.logicalclient.in/services/polyimide-coated-wire/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Oct 2025 17:08:53 +0000</pubDate>
				<guid isPermaLink="false">https://americandurafilm.logicalclient.in/?post_type=services&#038;p=2653</guid>

					<description><![CDATA[<p>Our innovative approach to applying polyimide across a broad range of wire and mandrel sizes allows us to service every industry. Regardless of the application, our tight tolerances and strict adherence to the most demanding quality standards make our polyimide coated products stand apart.</p>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/polyimide-coated-wire/">Polyimide Coated Wire</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>American Durafilm has expanded upon its polyimide tubing production technology to provide polyimide coated wire and mandrels. With years of experience applying polyimide coating to wires, we are able to provide precision coating thicknesses to wire diameters ranging from 0.005” – 0.115” in both continuous spools and discrete lengths. Discrete lengths of up to 60” can be provided for mandrels, wires, and pipe OD’s up to 2.5”.</p>
<p><span style="font-weight: 400;">No matter what the application, American Durafilm’s team of engineers and coating experts can help bring your designs to life.  From small quantities up through production volumes, we meet all your needs under one roof. We satisfy the most demanding customer needs thanks to generations of expertise combined with our nimbleness and responsiveness to deliver the best customer experience in the industry.</span></p>
<h3>Applications and Properties</h3>
<ul>
<li>Can be Applied to Almost any Metallic Substrate</li>
<li>High Max Operating Temperatures</li>
<li>Excellent Electric Insulator</li>
<li>Depending on Coating Thickness, Can Provide Rigidity or Can Maintain Flexibility</li>
<li>Use in Thermistor leads / wires</li>
<li>Ablation Thermistor Leads</li>
<li>Catheter Signal Wires</li>
<li>Sensor Wires</li>
<li>Electromagnetic Coils</li>
</ul>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/polyimide-coated-wire/">Polyimide Coated Wire</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Fluoropolymer Coated Wire</title>
		<link>https://americandurafilm.logicalclient.in/services/fluoropolymer-coated-wire/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Oct 2025 17:06:00 +0000</pubDate>
				<guid isPermaLink="false">https://americandurafilm.logicalclient.in/?post_type=services&#038;p=2651</guid>

					<description><![CDATA[<p>American Durafilm is a leader in the fluoropolymer industry and has applied that extensive knowledge to wire and mandrel coating applications. Our team can provide data and insight to help users select the fluoropolymer that is best for their unique application.</p>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/fluoropolymer-coated-wire/">Fluoropolymer Coated Wire</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>American Durafilm has been an industry leader in the application of fluoropolymer coating since 1949. We have leveraged that knowledge and experience to create a unique and innovative method of applying these coatings to wire and mandrels. Our capabilities allow us to coat wire ranging from 0.005” – 0.090” in diameter with tolerances as tight as 0.0001”. These small diameter wires can be supplied in discrete cut lengths up to 72” long.</p>
<p>Our technology extends beyond the processing of small diameter wire, allowing us to coat larger discrete length mandrels and 3D forms with custom masking. We offer even more <a href="#">coating options</a>.</p>
<p>No matter what the application, American Durafilm’s team of engineers and coating experts can help bring your designs to life. From small quantities up through production volumes, we meet all your needs under one roof. We satisfy the most demanding customer needs thanks to generations of expertise combined with our nimbleness and responsiveness to deliver the best customer experience in the industry.</p>
<h3>Applications and Properties</h3>
<ul>
<li>Catheter Pull Wire</li>
<li>Catheter Guide Wire</li>
<li>Lubricious Coating</li>
<li>Lubricious with Enhanced Durability</li>
<li>FDA Compliant in both Solvent Based &amp; Water Based Options for Medical &amp; Biopharma Applications</li>
<li>REACH &amp; RoHS Compliant</li>
<li>PFOA &amp; PFOS free</li>
<li>Conflict Mineral Free</li>
<li>Tolerances as tight as +/- 0.0001”</li>
<li>Variety of Colors Including “Natural PTFE” or Transparent</li>
<li>Available in Discrete Lengths up to 72” Long</li>
<li>Custom Masking</li>
<li>Precision Coating Removal</li>
</ul>
<p>The post <a href="https://americandurafilm.logicalclient.in/services/fluoropolymer-coated-wire/">Fluoropolymer Coated Wire</a> appeared first on <a href="https://americandurafilm.logicalclient.in">American Durafilm</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>