Remove Defender Deploy modal (#588)

Author: ericglau

packages/ui/src/common/icons/ArrowsLeft.svelte

@@ -13,7 +13,7 @@ export type DownloadAction =
   | 'download-scaffold'
   | 'download-rust-stellar';
 
-export type Action = 'copy' | 'remix' | DownloadAction | 'defender';
+export type Action = 'copy' | 'remix' | DownloadAction;
 
 export async function postConfig(opts: Partial<LanguagesOptions>, action: Action, language: Language) {
   window.gtag?.('event', 'wizard_action', { ...opts, action, wizard_lang: language });

packages/ui/src/common/icons/ArrowsRight.svelte

@@ -1,6 +1,4 @@
-import type { SolcInputSources } from '@openzeppelin/wizard/get-imports';
-
-export type Message = ResizeMessage | TabChangeMessage | UnsupportedVersionMessage | DefenderDeployMessage;
+export type Message = ResizeMessage | TabChangeMessage | UnsupportedVersionMessage;
 
 export interface ResizeMessage {
   kind: 'oz-wizard-resize';
@@ -16,29 +14,8 @@ export interface UnsupportedVersionMessage {
   kind: 'oz-wizard-unsupported-version';
 }
 
-export interface DefenderDeployMessage {
-  kind: 'oz-wizard-defender-deploy';
-  sources: SolcInputSources;
-  enforceDeterministicReason?: string;
-  groupNetworksBy?: 'superchain';
-}
-
 export function postMessage(msg: Message) {
   if (parent) {
     parent.postMessage(msg, '*');
   }
 }
-
-export function postMessageToIframe(id: 'defender-deploy', msg: Message) {
-  const iframe: HTMLIFrameElement | null = document.getElementById(id) as HTMLIFrameElement;
-  if (iframe) {
-    iframe.contentWindow?.postMessage(msg, '*');
-    // in case the iframe is still loading, waits
-    // a second to fully load and tries again
-    iframe.onload = () => {
-      setTimeout(() => {
-        iframe?.contentWindow?.postMessage(msg, '*');
-      }, 1000);
-    };
-  }
-}

packages/ui/src/common/post-config.ts

@@ -17,12 +17,9 @@
   import DownloadIcon from '../common/icons/DownloadIcon.svelte';
   import ZipIcon from '../common/icons/ZipIcon.svelte';
   import FileIcon from '../common/icons/FileIcon.svelte';
-  import ArrowsLeft from '../common/icons/ArrowsLeft.svelte';
-  import ArrowsRight from '../common/icons/ArrowsRight.svelte';
   import Dropdown from '../common/Dropdown.svelte';
   import OverflowMenu from '../common/OverflowMenu.svelte';
   import Tooltip from '../common/Tooltip.svelte';
-  import DefenderDeployModal from './DefenderDeployModal.svelte';
 
   import type { KindedOptions, Kind, Contract, OptionsErrorMessages } from '@openzeppelin/wizard';
   import { ContractBuilder, buildGeneric, printContract, sanitizeKind, OptionsError } from '@openzeppelin/wizard';
@@ -33,7 +30,6 @@
   import { saveAs } from 'file-saver';
   import { injectHyperlinks } from './inject-hyperlinks';
   import type { InitialOptions } from '../common/initial-options';
-  import { postMessageToIframe } from '../common/post-message';
   import type { AiFunctionCall } from '../../api/ai-assistant/types/assistant';
   import ErrorDisabledActionButtons from '../common/ErrorDisabledActionButtons.svelte';
   import { createWiz, mergeAiAssistanceOptions } from '../common/Wiz.svelte';
@@ -60,8 +56,6 @@
   export let initialOpts: InitialOptions = {};
   let initialValuesSet = false;
 
-  let showDeployModal = false;
-
   let allOpts: { [k in Kind]?: Required<KindedOptions[k]> } = {};
   let errors: { [k in Kind]?: OptionsErrorMessages } = {};
 
@@ -108,29 +102,6 @@
   $: highlightedCode = injectHyperlinks(hljs.highlight('solidity', code).value);
 
   $: hasErrors = errors[tab] !== undefined;
-  $: showDeployModal = !hasErrors && showDeployModal;
-
-  $: if (showDeployModal) {
-    let enforceDeterministicReason: string | undefined;
-    let groupNetworksBy: 'superchain' | undefined;
-
-    const isSuperchainERC20 =
-      opts !== undefined &&
-      (opts.kind === 'ERC20' || opts.kind === 'Stablecoin' || opts.kind === 'RealWorldAsset') &&
-      opts.crossChainBridging === 'superchain';
-    if (isSuperchainERC20) {
-      enforceDeterministicReason =
-        'SuperchainERC20 requires deploying your contract to the same address on every chain in the Superchain.';
-      groupNetworksBy = 'superchain';
-    }
-
-    postMessageToIframe('defender-deploy', {
-      kind: 'oz-wizard-defender-deploy',
-      sources: getSolcSources(contract),
-      enforceDeterministicReason,
-      groupNetworksBy,
-    });
-  }
 
   $: showButtons = getButtonVisibilities(opts);
 
@@ -376,123 +347,18 @@
     </div>
 
     <div class="output rounded-r-3xl flex flex-col grow overflow-auto h-[calc(100vh-84px)] relative">
-      {#if !hasErrors}
-        <div class="absolute p-px right-6 rounded-full top-4 z-10 {showDeployModal ? 'hide-deploy' : ''}">
-          <button
-            class="text-sm border-solid border p-2 pr-4 rounded-full cursor-pointer flex items-center gap-2 transition-all pl-2 bg-white border-white"
-            on:click={() => (showDeployModal = !showDeployModal)}
-          >
-            <ArrowsRight />
-          </button>
-        </div>
-        <div class="button-bg absolute p-px right-4 rounded-full top-4 z-10">
-          <button
-            class="text-sm border-solid border p-2 pr-4 rounded-full cursor-pointer flex items-center gap-2 transition-all pl-4 bg-indigo-600 border-indigo-600 text-white"
-            on:click={async () => {
-              if (opts) {
-                await postConfig(opts, 'defender', language);
-              }
-              showDeployModal = !showDeployModal;
-            }}
-          >
-            <ArrowsLeft /> Deploy
-          </button>
-        </div>
-      {/if}
       <pre class="flex flex-col grow basis-0 overflow-auto">
         {#if showCode}
           <code class="hljs -solidity grow overflow-auto p-4 {hasErrors ? 'no-select' : ''}"
             >{@html highlightedCode}</code
           >
         {/if}
       </pre>
-      <DefenderDeployModal isOpen={showDeployModal} />
     </div>
   </div>
 </div>
 
 <style lang="postcss">
-  /* deploy with defender button border animation start*/
-  @property --angle {
-    syntax: '<angle>';
-    inherits: false;
-    initial-value: 40deg;
-  }
-  @property --spread {
-    syntax: '<angle>';
-    inherits: false;
-    initial-value: 0deg;
-  }
-  @property --x {
-    syntax: '<length>';
-    inherits: false;
-    initial-value: 0px;
-  }
-  @property --y {
-    syntax: '<length>';
-    inherits: false;
-    initial-value: 0px;
-  }
-  @property --blur {
-    syntax: '<length>';
-    inherits: false;
-    initial-value: 0px;
-  }
-  @keyframes conic-effect {
-    0% {
-      --angle: 40deg;
-      --spread: 0deg;
-      --x: 0px;
-      --y: 0px;
-      --blur: 0px;
-    }
-    10% {
-      --x: 2px;
-      --y: -2px;
-    }
-    20% {
-      --blur: 15px;
-      --spread: 80deg;
-    }
-
-    30% {
-      --x: -2px;
-      --y: -2px;
-    }
-    40% {
-      --angle: 320deg;
-      --spread: 00deg;
-      --x: 0px;
-      --y: 0px;
-      --blur: 0px;
-    }
-    100% {
-      --angle: 320deg;
-      --spread: 0deg;
-      --x: 0px;
-      --y: 0px;
-      --blur: 0px;
-    }
-  }
-
-  .no-select {
-    user-select: none;
-  }
-
-  .button-bg {
-    animation: conic-effect 12s ease-in-out infinite;
-    animation-delay: 4.2s;
-    background: conic-gradient(
-      #4f46e5 calc(var(--angle) - var(--spread)),
-      #7e7ada var(--angle),
-      rgb(79, 70, 229) calc(var(--angle) + var(--spread))
-    );
-    box-shadow: var(--x) var(--y) var(--blur) #9793da45;
-    display: inline-flex;
-    transition: transform 300ms;
-  }
-  /* end deploy with defender button border animation */
-
   .button-bg:hover {
     transform: translateX(-2px);
     transition: transform 300ms;

packages/ui/src/common/post-message.ts

@@ -171,19 +171,6 @@ footer a:focus {
   text-decoration: underline;
 }
 
-@media screen and (max-width: 768px) {
-  .defender {
-    margin-left: 1rem;
-    margin-right: 1rem;
-    padding: 3rem;
-    text-align: left;
-  }
-  .defender a {
-    margin: 0 auto 0 0;
-    width: max-content;
-  }
-}
-
 /* To reset HubSpot Popup Banner's default animation effect */
 body .leadinModal.leadinModal-theme-top {
   top: auto;