@capillarytech/creatives-library 8.0.242-alpha.10 → 8.0.242-alpha.11

package/v2Containers/WebPush/Create/preview/PreviewDisclaimer.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import CapRow from '@capillarytech/cap-ui-library/CapRow';
+import CapColumn from '@capillarytech/cap-ui-library/CapColumn';
+import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
+import './preview.scss';
+
+/**
+ * PreviewDisclaimer Component
+ * 
+ * Renders disclaimer text below the preview area.
+ */
+const PreviewDisclaimer = () => (
+  <CapRow className="preview-disclaimer">
+    <CapColumn span={24}>
+      <CapLabel type="label2" className="disclaimer-text">
+        For the most accurate desktop preview, switch to full screen under &apos;Preview in all devices&apos;.
+      </CapLabel>
+    </CapColumn>
+  </CapRow>
+);
+
+export default PreviewDisclaimer;
+

package/v2Containers/WebPush/Create/preview/WebPushPreview.js

@@ -0,0 +1,150 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { FormattedMessage } from 'react-intl';
+import CapRow from '@capillarytech/cap-ui-library/CapRow';
+import CapColumn from '@capillarytech/cap-ui-library/CapColumn';
+import CapButton from '@capillarytech/cap-ui-library/CapButton';
+import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
+import PreviewControls from './PreviewControls';
+import PreviewContent from './PreviewContent';
+import PreviewDisclaimer from './PreviewDisclaimer';
+import DevicePreviewContent from './DevicePreviewContent';
+import {
+  OS_OPTIONS,
+  DEFAULT_OS,
+  DEFAULT_BROWSER,
+} from './constants';
+import { getBrowserOptionsForOS } from './config/notificationMappings';
+import messages from '../messages';
+import './preview.scss';
+
+/**
+ * WebPushPreview Component
+ * 
+ * Main preview component for web push notifications.
+ * Displays OS/Browser dropdowns, preview area, and disclaimer text.
+ * Receives live values from form state (notificationTitle, message, redirectUrl).
+ */
+const WebPushPreview = ({
+  notificationTitle,
+  notificationBody,
+  url,
+  imageSrc,
+  brandIconSrc,
+  buttons,
+}) => {
+  const [selectedOS, setSelectedOS] = useState(DEFAULT_OS);
+  const [selectedBrowser, setSelectedBrowser] = useState(DEFAULT_BROWSER);
+  const [showPreviewSlideBox, setShowPreviewSlideBox] = useState(false);
+
+  const browserOptionsForOS = getBrowserOptionsForOS(selectedOS);
+
+  const handleOSChange = (value) => {
+    setSelectedOS(value);
+  };
+
+  const handleBrowserChange = (value) => {
+    setSelectedBrowser(value);
+  };
+
+  // Coerce browser when OS change removes current browser option
+  React.useEffect(() => {
+    const hasBrowser = browserOptionsForOS.some((option) => option.value === selectedBrowser);
+    if (!hasBrowser && browserOptionsForOS.length) {
+      setSelectedBrowser(browserOptionsForOS[0].value);
+    }
+  }, [browserOptionsForOS, selectedBrowser]);
+
+  const handleOpenPreviewSlideBox = () => {
+    setShowPreviewSlideBox(true);
+  };
+
+  const handleClosePreviewSlideBox = () => {
+    setShowPreviewSlideBox(false);
+  };
+
+  return (
+    <CapRow className="webpush-preview-container">
+      <CapColumn span={24}>
+        <PreviewControls
+          selectedOS={selectedOS}
+          selectedBrowser={selectedBrowser}
+          osOptions={OS_OPTIONS}
+          browserOptions={browserOptionsForOS}
+          onOSChange={handleOSChange}
+          onBrowserChange={handleBrowserChange}
+          layoutMode="newRow"
+          showStateDropdown={false}
+        />
+        <PreviewContent
+          notificationTitle={notificationTitle}
+          notificationBody={notificationBody}
+          url={url}
+          selectedOS={selectedOS}
+          selectedBrowser={selectedBrowser}
+          notificationState="Collapsed"
+          imageSrc={imageSrc}
+          brandIconSrc={brandIconSrc}
+          buttons={buttons}
+        />
+        <PreviewDisclaimer />
+        <CapRow className="preview-all-devices-button">
+          <CapColumn span={24}>
+            <CapButton
+              type="flat"
+              onClick={handleOpenPreviewSlideBox}
+              className="preview-all-devices-trigger"
+              data-test-id="webpush-preview-toggle"
+            >
+              <FormattedMessage {...messages.previewInAllDevices} />
+            </CapButton>
+          </CapColumn>
+        </CapRow>
+      </CapColumn>
+      <CapSlideBox
+        header={<FormattedMessage {...messages.webPushNotificationPreview} />}
+        handleClose={handleClosePreviewSlideBox}
+        show={showPreviewSlideBox}
+        size="size-xl"
+        className="webpush-preview-slidebox"
+        content={(
+          <DevicePreviewContent
+            notificationTitle={notificationTitle}
+            notificationBody={notificationBody}
+            url={url}
+            imageSrc={imageSrc}
+            brandIconSrc={brandIconSrc}
+            buttons={buttons}
+          />
+        )}
+      />
+    </CapRow>
+  );
+};
+
+WebPushPreview.propTypes = {
+  notificationTitle: PropTypes.string,
+  notificationBody: PropTypes.string,
+  url: PropTypes.string,
+  imageSrc: PropTypes.string,
+  brandIconSrc: PropTypes.string,
+  buttons: PropTypes.arrayOf(
+    PropTypes.shape({
+      text: PropTypes.string,
+      url: PropTypes.string,
+      type: PropTypes.string,
+    })
+  ),
+};
+
+WebPushPreview.defaultProps = {
+  notificationTitle: '',
+  notificationBody: '',
+  url: '',
+  imageSrc: '',
+  brandIconSrc: '',
+  buttons: [],
+};
+
+export default WebPushPreview;
+

package/v2Containers/WebPush/Create/preview/assets/Light.svg

@@ -0,0 +1,53 @@
+<svg width="640" height="888" viewBox="0 0 640 888" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 14.0937C0 7.46633 5.37258 2.09375 12 2.09375H625.904C632.532 2.09375 637.904 7.46633 637.904 14.0938V874.999C637.904 881.626 632.532 886.999 625.904 886.999H12C5.37257 886.999 0 881.626 0 874.999V14.0937Z" fill="#DFE2E7"/>
+<path d="M625.198 4.54883C631.523 4.54883 636.649 9.67573 636.649 16V874.201C636.649 880.525 631.523 885.652 625.198 885.652H14C7.67572 885.652 2.54883 880.525 2.54883 874.201V16C2.54884 9.67574 7.67573 4.54883 14 4.54883H625.198Z" fill="#F4F5F7" stroke="#F9F9FB" stroke-width="2.90222"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.261 38.9267C325.945 38.9267 332.174 32.7022 332.174 25.0239C332.174 17.3456 325.945 11.1211 318.261 11.1211C310.577 11.1211 304.348 17.3456 304.348 25.0239C304.348 32.7022 310.577 38.9267 318.261 38.9267Z" fill="#DFE2E7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.261 33.7125C323.064 33.7125 326.957 29.8222 326.957 25.0232C326.957 20.2243 323.064 16.334 318.261 16.334C313.459 16.334 309.565 20.2243 309.565 25.0232C309.565 29.8222 313.459 33.7125 318.261 33.7125Z" fill="#B3BAC5"/>
+<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M318.261 23.2863C319.221 23.2863 320 22.5082 320 21.5484C320 20.5886 319.221 19.8105 318.261 19.8105C317.3 19.8105 316.521 20.5886 316.521 21.5484C316.521 22.5082 317.3 23.2863 318.261 23.2863Z" fill="#DFE2E7"/>
+<rect x="12" y="44" width="616" height="828" rx="10" fill="#EBECF0"/>
+<path d="M281.416 173.156V176H267.936V173.566L274.402 166.58C275.077 165.814 275.61 165.149 276.002 164.584C276.394 164.019 276.672 163.508 276.836 163.053C277.009 162.588 277.096 162.146 277.096 161.727C277.096 161.116 276.986 160.583 276.768 160.127C276.549 159.662 276.23 159.302 275.811 159.047C275.4 158.792 274.895 158.664 274.293 158.664C273.628 158.664 273.058 158.819 272.584 159.129C272.119 159.43 271.764 159.849 271.518 160.387C271.281 160.924 271.162 161.54 271.162 162.232H267.539C267.539 161.057 267.812 159.986 268.359 159.02C268.906 158.044 269.69 157.265 270.711 156.682C271.732 156.098 272.944 155.807 274.348 155.807C275.715 155.807 276.872 156.035 277.82 156.49C278.768 156.937 279.488 157.575 279.98 158.404C280.473 159.234 280.719 160.223 280.719 161.371C280.719 162.009 280.614 162.638 280.404 163.258C280.195 163.878 279.898 164.493 279.516 165.104C279.142 165.705 278.695 166.316 278.176 166.936C277.656 167.555 277.077 168.189 276.439 168.836L272.557 173.156H281.416ZM284.205 174.236C284.205 173.689 284.392 173.229 284.766 172.855C285.139 172.482 285.645 172.295 286.283 172.295C286.921 172.295 287.427 172.482 287.801 172.855C288.174 173.229 288.361 173.689 288.361 174.236C288.361 174.774 288.174 175.23 287.801 175.604C287.427 175.968 286.921 176.15 286.283 176.15C285.645 176.15 285.139 175.968 284.766 175.604C284.392 175.23 284.205 174.774 284.205 174.236ZM284.219 162.766C284.219 162.219 284.406 161.758 284.779 161.385C285.153 161.011 285.659 160.824 286.297 160.824C286.935 160.824 287.441 161.011 287.814 161.385C288.188 161.758 288.375 162.219 288.375 162.766C288.375 163.303 288.188 163.759 287.814 164.133C287.441 164.497 286.935 164.68 286.297 164.68C285.659 164.68 285.153 164.497 284.779 164.133C284.406 163.759 284.219 163.303 284.219 162.766ZM305.041 173.156V176H291.561V173.566L298.027 166.58C298.702 165.814 299.235 165.149 299.627 164.584C300.019 164.019 300.297 163.508 300.461 163.053C300.634 162.588 300.721 162.146 300.721 161.727C300.721 161.116 300.611 160.583 300.393 160.127C300.174 159.662 299.855 159.302 299.436 159.047C299.025 158.792 298.52 158.664 297.918 158.664C297.253 158.664 296.683 158.819 296.209 159.129C295.744 159.43 295.389 159.849 295.143 160.387C294.906 160.924 294.787 161.54 294.787 162.232H291.164C291.164 161.057 291.438 159.986 291.984 159.02C292.531 158.044 293.315 157.265 294.336 156.682C295.357 156.098 296.569 155.807 297.973 155.807C299.34 155.807 300.497 156.035 301.445 156.49C302.393 156.937 303.113 157.575 303.605 158.404C304.098 159.234 304.344 160.223 304.344 161.371C304.344 162.009 304.239 162.638 304.029 163.258C303.82 163.878 303.523 164.493 303.141 165.104C302.767 165.705 302.32 166.316 301.801 166.936C301.281 167.555 300.702 168.189 300.064 168.836L296.182 173.156H305.041ZM310.277 173.197H310.537C311.713 173.197 312.706 173.047 313.518 172.746C314.338 172.445 314.999 172.021 315.5 171.475C316.01 170.919 316.38 170.258 316.607 169.492C316.844 168.717 316.963 167.861 316.963 166.922V163.312C316.963 162.547 316.885 161.877 316.73 161.303C316.576 160.719 316.357 160.232 316.074 159.84C315.801 159.448 315.477 159.156 315.104 158.965C314.73 158.764 314.329 158.664 313.9 158.664C313.426 158.664 313.007 158.773 312.643 158.992C312.278 159.211 311.968 159.512 311.713 159.895C311.467 160.268 311.275 160.701 311.139 161.193C311.011 161.686 310.947 162.205 310.947 162.752C310.947 163.281 311.007 163.786 311.125 164.27C311.253 164.753 311.439 165.181 311.686 165.555C311.941 165.928 312.26 166.225 312.643 166.443C313.025 166.653 313.472 166.758 313.982 166.758C314.465 166.758 314.903 166.667 315.295 166.484C315.696 166.293 316.042 166.042 316.334 165.732C316.626 165.413 316.849 165.062 317.004 164.68C317.168 164.288 317.259 163.891 317.277 163.49L318.549 164.037C318.549 164.702 318.408 165.359 318.125 166.006C317.852 166.653 317.464 167.241 316.963 167.77C316.471 168.289 315.896 168.708 315.24 169.027C314.584 169.337 313.878 169.492 313.121 169.492C312.182 169.492 311.353 169.319 310.633 168.973C309.913 168.626 309.307 168.148 308.814 167.537C308.331 166.917 307.967 166.206 307.721 165.404C307.475 164.593 307.352 163.727 307.352 162.807C307.352 161.85 307.502 160.952 307.803 160.113C308.104 159.266 308.536 158.523 309.102 157.885C309.676 157.238 310.368 156.732 311.18 156.367C311.991 155.993 312.902 155.807 313.914 155.807C314.962 155.807 315.896 156.012 316.717 156.422C317.537 156.832 318.234 157.402 318.809 158.131C319.383 158.851 319.82 159.703 320.121 160.688C320.431 161.672 320.586 162.747 320.586 163.914V165.186C320.586 166.416 320.463 167.583 320.217 168.686C319.971 169.788 319.592 170.796 319.082 171.707C318.572 172.618 317.92 173.407 317.127 174.072C316.343 174.738 315.404 175.253 314.311 175.617C313.226 175.973 311.986 176.15 310.592 176.15H310.277V173.197ZM338.646 168.74H333.52V165.787H338.646C339.485 165.787 340.164 165.65 340.684 165.377C341.212 165.094 341.6 164.712 341.846 164.229C342.092 163.736 342.215 163.176 342.215 162.547C342.215 161.936 342.092 161.367 341.846 160.838C341.6 160.309 341.212 159.881 340.684 159.553C340.164 159.225 339.485 159.061 338.646 159.061H334.75V176H330.99V156.094H338.646C340.196 156.094 341.518 156.372 342.611 156.928C343.714 157.475 344.553 158.236 345.127 159.211C345.71 160.177 346.002 161.28 346.002 162.52C346.002 163.805 345.71 164.912 345.127 165.842C344.553 166.771 343.714 167.487 342.611 167.988C341.518 168.49 340.196 168.74 338.646 168.74ZM350.596 156.094H353.85L359.291 171.078L364.719 156.094H367.986L360.59 176H357.979L350.596 156.094ZM348.955 156.094H352.141L352.715 169.861V176H348.955V156.094ZM366.428 156.094H369.627V176H365.867V169.861L366.428 156.094Z" fill="#091E42"/>
+<path d="M293.719 191.469V200H292.588V191.469H293.719ZM297.293 195.307V196.232H293.473V195.307H297.293ZM297.873 191.469V192.395H293.473V191.469H297.873ZM299.988 194.656V200H298.904V193.66H299.959L299.988 194.656ZM301.969 193.625L301.963 194.633C301.873 194.613 301.787 194.602 301.705 194.598C301.627 194.59 301.537 194.586 301.436 194.586C301.186 194.586 300.965 194.625 300.773 194.703C300.582 194.781 300.42 194.891 300.287 195.031C300.154 195.172 300.049 195.34 299.971 195.535C299.896 195.727 299.848 195.938 299.824 196.168L299.52 196.344C299.52 195.961 299.557 195.602 299.631 195.266C299.709 194.93 299.828 194.633 299.988 194.375C300.148 194.113 300.352 193.91 300.598 193.766C300.848 193.617 301.145 193.543 301.488 193.543C301.566 193.543 301.656 193.553 301.758 193.572C301.859 193.588 301.93 193.605 301.969 193.625ZM304.148 193.66V200H303.059V193.66H304.148ZM302.977 191.979C302.977 191.803 303.029 191.654 303.135 191.533C303.244 191.412 303.404 191.352 303.615 191.352C303.822 191.352 303.98 191.412 304.09 191.533C304.203 191.654 304.26 191.803 304.26 191.979C304.26 192.146 304.203 192.291 304.09 192.412C303.98 192.529 303.822 192.588 303.615 192.588C303.404 192.588 303.244 192.529 303.135 192.412C303.029 192.291 302.977 192.146 302.977 191.979ZM306.873 198.711V199.584C306.873 199.939 306.783 200.314 306.604 200.709C306.424 201.107 306.172 201.439 305.848 201.705L305.232 201.277C305.357 201.105 305.463 200.93 305.549 200.75C305.635 200.574 305.699 200.391 305.742 200.199C305.789 200.012 305.812 199.812 305.812 199.602V198.711H306.873ZM314.678 191.422V200H313.594V192.775L311.408 193.572V192.594L314.508 191.422H314.678ZM323.455 199.109V200H317.871V199.221L320.666 196.109C321.01 195.727 321.275 195.402 321.463 195.137C321.654 194.867 321.787 194.627 321.861 194.416C321.939 194.201 321.979 193.982 321.979 193.76C321.979 193.479 321.92 193.225 321.803 192.998C321.689 192.768 321.521 192.584 321.299 192.447C321.076 192.311 320.807 192.242 320.49 192.242C320.111 192.242 319.795 192.316 319.541 192.465C319.291 192.609 319.104 192.812 318.979 193.074C318.854 193.336 318.791 193.637 318.791 193.977H317.707C317.707 193.496 317.812 193.057 318.023 192.658C318.234 192.26 318.547 191.943 318.961 191.709C319.375 191.471 319.885 191.352 320.49 191.352C321.029 191.352 321.49 191.447 321.873 191.639C322.256 191.826 322.549 192.092 322.752 192.436C322.959 192.775 323.062 193.174 323.062 193.631C323.062 193.881 323.02 194.135 322.934 194.393C322.852 194.646 322.736 194.9 322.588 195.154C322.443 195.408 322.273 195.658 322.078 195.904C321.887 196.15 321.682 196.393 321.463 196.631L319.178 199.109H323.455ZM330.182 200H328.4L328.412 199.08H330.182C330.791 199.08 331.299 198.953 331.705 198.699C332.111 198.441 332.416 198.082 332.619 197.621C332.826 197.156 332.93 196.613 332.93 195.992V195.471C332.93 194.982 332.871 194.549 332.754 194.17C332.637 193.787 332.465 193.465 332.238 193.203C332.012 192.938 331.734 192.736 331.406 192.6C331.082 192.463 330.709 192.395 330.287 192.395H328.365V191.469H330.287C330.846 191.469 331.355 191.562 331.816 191.75C332.277 191.934 332.674 192.201 333.006 192.553C333.342 192.9 333.6 193.322 333.779 193.818C333.959 194.311 334.049 194.865 334.049 195.482V195.992C334.049 196.609 333.959 197.166 333.779 197.662C333.6 198.154 333.34 198.574 333 198.922C332.664 199.27 332.258 199.537 331.781 199.725C331.309 199.908 330.775 200 330.182 200ZM329.004 191.469V200H327.873V191.469H329.004ZM338.215 200.117C337.773 200.117 337.373 200.043 337.014 199.895C336.658 199.742 336.352 199.529 336.094 199.256C335.84 198.982 335.645 198.658 335.508 198.283C335.371 197.908 335.303 197.498 335.303 197.053V196.807C335.303 196.291 335.379 195.832 335.531 195.43C335.684 195.023 335.891 194.68 336.152 194.398C336.414 194.117 336.711 193.904 337.043 193.76C337.375 193.615 337.719 193.543 338.074 193.543C338.527 193.543 338.918 193.621 339.246 193.777C339.578 193.934 339.85 194.152 340.061 194.434C340.271 194.711 340.428 195.039 340.529 195.418C340.631 195.793 340.682 196.203 340.682 196.648V197.135H335.947V196.25H339.598V196.168C339.582 195.887 339.523 195.613 339.422 195.348C339.324 195.082 339.168 194.863 338.953 194.691C338.738 194.52 338.445 194.434 338.074 194.434C337.828 194.434 337.602 194.486 337.395 194.592C337.188 194.693 337.01 194.846 336.861 195.049C336.713 195.252 336.598 195.5 336.516 195.793C336.434 196.086 336.393 196.424 336.393 196.807V197.053C336.393 197.354 336.434 197.637 336.516 197.902C336.602 198.164 336.725 198.395 336.885 198.594C337.049 198.793 337.246 198.949 337.477 199.062C337.711 199.176 337.977 199.232 338.273 199.232C338.656 199.232 338.98 199.154 339.246 198.998C339.512 198.842 339.744 198.633 339.943 198.371L340.6 198.893C340.463 199.1 340.289 199.297 340.078 199.484C339.867 199.672 339.607 199.824 339.299 199.941C338.994 200.059 338.633 200.117 338.215 200.117ZM344.484 199.227C344.742 199.227 344.98 199.174 345.199 199.068C345.418 198.963 345.598 198.818 345.738 198.635C345.879 198.447 345.959 198.234 345.979 197.996H347.01C346.99 198.371 346.863 198.721 346.629 199.045C346.398 199.365 346.096 199.625 345.721 199.824C345.346 200.02 344.934 200.117 344.484 200.117C344.008 200.117 343.592 200.033 343.236 199.865C342.885 199.697 342.592 199.467 342.357 199.174C342.127 198.881 341.953 198.545 341.836 198.166C341.723 197.783 341.666 197.379 341.666 196.953V196.707C341.666 196.281 341.723 195.879 341.836 195.5C341.953 195.117 342.127 194.779 342.357 194.486C342.592 194.193 342.885 193.963 343.236 193.795C343.592 193.627 344.008 193.543 344.484 193.543C344.98 193.543 345.414 193.645 345.785 193.848C346.156 194.047 346.447 194.32 346.658 194.668C346.873 195.012 346.99 195.402 347.01 195.84H345.979C345.959 195.578 345.885 195.342 345.756 195.131C345.631 194.92 345.459 194.752 345.24 194.627C345.025 194.498 344.773 194.434 344.484 194.434C344.152 194.434 343.873 194.5 343.646 194.633C343.424 194.762 343.246 194.938 343.113 195.16C342.984 195.379 342.891 195.623 342.832 195.893C342.777 196.158 342.75 196.43 342.75 196.707V196.953C342.75 197.23 342.777 197.504 342.832 197.773C342.887 198.043 342.979 198.287 343.107 198.506C343.24 198.725 343.418 198.9 343.641 199.033C343.867 199.162 344.148 199.227 344.484 199.227Z" fill="#5E6C84"/>
+<g filter="url(#filter0_i_872_63679)">
+<path d="M637.905 115.223C639.063 115.223 640.001 116.161 640.001 117.318V149.16C640.001 150.317 639.063 151.256 637.905 151.256V115.223Z" fill="#DFE2E7"/>
+</g>
+<g filter="url(#filter1_i_872_63679)">
+<path d="M637.905 72.0664C639.063 72.0664 640.001 73.0046 640.001 74.162V106.004C640.001 107.161 639.063 108.099 637.905 108.099V72.0664Z" fill="#DFE2E7"/>
+</g>
+<g filter="url(#filter2_ii_872_63679)">
+<path d="M531.029 2.09495C531.029 0.937939 531.967 0 533.124 0H590.545C591.702 0 592.64 0.937939 592.64 2.09495H531.029Z" fill="#DFE2E7"/>
+</g>
+<defs>
+<filter id="filter0_i_872_63679" x="637.905" y="115.223" width="2.0957" height="36.0332" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-0.967407"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.858824 0 0 0 0 0.858824 0 0 0 0 0.862745 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_872_63679"/>
+</filter>
+<filter id="filter1_i_872_63679" x="637.905" y="72.0664" width="2.0957" height="36.0332" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-0.967407"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.858824 0 0 0 0 0.858824 0 0 0 0 0.862745 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_872_63679"/>
+</filter>
+<filter id="filter2_ii_872_63679" x="531.029" y="0" width="61.6113" height="2.0957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1.93481"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.847059 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_872_63679"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.967407"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.831373 0 0 0 0 0.831373 0 0 0 0 0.835294 0 0 0 1 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_872_63679" result="effect2_innerShadow_872_63679"/>
+</filter>
+</defs>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/Top.svg

@@ -0,0 +1,5 @@
+<svg width="952" height="647" viewBox="0 0 952 647" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.784314" y="0.784314" width="950.431" height="644.765" rx="8.62745" fill="#EBECF0" stroke="#DFE2E7" stroke-width="1.56863"/>
+<rect x="5.83594" y="5.83398" width="940.333" height="616" rx="9.41177" fill="#F4F5F7"/>
+<rect x="18.9619" y="39" width="913.206" height="569.271" rx="9.41177" fill="white"/>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/android-arrow-down.svg

@@ -0,0 +1,9 @@
+<svg width="8" height="6" viewBox="6 7 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.52867 11.9952L6.46674 8.93327C6.209 8.67554 6.209 8.25767 6.46674 7.99994C6.72447 7.74221 7.14234 7.74221 7.40007 7.99994L10.0001 10.5999L12.6001 7.99994C12.8578 7.74221 13.2757 7.74221 13.5334 7.99994C13.7911 8.25767 13.7911 8.67554 13.5334 8.93327L10.4715 11.9952C10.2111 12.2556 9.78902 12.2556 9.52867 11.9952Z" fill="white"/>
+<mask id="mask0_1190_114541" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="7" width="8" height="6">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.52867 11.9952L6.46674 8.93327C6.209 8.67554 6.209 8.25767 6.46674 7.99994C6.72447 7.74221 7.14234 7.74221 7.40007 7.99994L10.0001 10.5999L12.6001 7.99994C12.8578 7.74221 13.2757 7.74221 13.5334 7.99994C13.7911 8.25767 13.7911 8.67554 13.5334 8.93327L10.4715 11.9952C10.2111 12.2556 9.78902 12.2556 9.52867 11.9952Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1190_114541)">
+<rect x="2" y="2" width="16" height="16" fill="#091E42"/>
+</g>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/android-arrow-up.svg

@@ -0,0 +1,9 @@
+<svg width="8" height="6" viewBox="6 7 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4716 8.00214L13.5336 11.0641C13.7909 11.3215 13.7909 11.7395 13.5336 11.9975C13.2763 12.2548 12.8583 12.2548 12.6003 11.9975L10.0003 9.39747L7.40027 11.9975C7.14227 12.2548 6.72427 12.2548 6.46694 11.9975C6.20894 11.7395 6.20894 11.3215 6.46694 11.0641L9.52894 8.00214C9.7896 7.74147 10.2109 7.74147 10.4716 8.00214" fill="white"/>
+<mask id="mask0_1190_115617" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="7" width="8" height="6">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4716 8.00214L13.5336 11.0641C13.7909 11.3215 13.7909 11.7395 13.5336 11.9975C13.2763 12.2548 12.8583 12.2548 12.6003 11.9975L10.0003 9.39747L7.40027 11.9975C7.14227 12.2548 6.72427 12.2548 6.46694 11.9975C6.20894 11.7395 6.20894 11.3215 6.46694 11.0641L9.52894 8.00214C9.7896 7.74147 10.2109 7.74147 10.4716 8.00214" fill="white"/>
+</mask>
+<g mask="url(#mask0_1190_115617)">
+<rect x="2" y="2" width="16" height="16" fill="#091E42"/>
+</g>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/firefox-icon.svg

@@ -0,0 +1,106 @@
+<svg width="91" height="93" viewBox="0 0 91 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M86.7768 31.1991C84.8184 26.4867 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716L82.3075 33.5472C77.2113 20.8416 68.5692 15.7187 61.5111 4.56343C61.1541 3.99938 60.797 3.43418 60.4493 2.83757C60.2504 2.49682 60.0911 2.18979 59.9527 1.90719C59.66 1.3403 59.4344 0.741189 59.2805 0.122013C59.2807 0.0934415 59.2704 0.0657935 59.2515 0.0443437C59.2327 0.0228939 59.2065 0.00914343 59.1782 0.00571546C59.1504 -0.00190515 59.1211 -0.00190515 59.0933 0.00571546C59.0875 0.00571546 59.0782 0.0161823 59.0712 0.0185082C59.0642 0.0208342 59.0491 0.031301 59.0386 0.0359529L59.0561 0.00571546C47.7345 6.6347 43.8931 18.9064 43.5396 25.0447C39.0183 25.3554 34.6956 27.0215 31.1353 29.8257C30.7638 29.511 30.3756 29.2167 29.9723 28.9441C28.9453 25.3493 28.9015 21.5447 29.8455 17.9272C25.6878 19.9414 21.9934 22.7967 18.9961 26.3123H18.9752C17.1888 24.048 17.3144 16.5817 17.4168 15.0221C16.8883 15.2345 16.3839 15.5023 15.9119 15.8211C14.3349 16.9466 12.8607 18.2094 11.5065 19.5949C9.96336 21.1595 8.55394 22.8506 7.29304 24.6504V24.6574V24.6492C4.39518 28.7575 2.33979 33.3991 1.24555 38.3061L1.18508 38.6038C1.10018 39.0004 0.794315 40.9868 0.74198 41.4182C0.74198 41.452 0.735003 41.4834 0.731514 41.5171C0.336959 43.5678 0.0924727 45.6446 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.1209 11.8909 78.4296C19.5287 86.7383 30.0055 91.8796 41.2507 92.8373C52.4959 93.795 63.6912 90.4995 72.6241 83.6021C81.5571 76.7048 87.5776 66.7073 89.4959 55.5856C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1991ZM34.8266 66.4816C35.0371 66.5828 35.2348 66.6921 35.4511 66.7886L35.4825 66.8084C35.2638 66.7037 35.0452 66.5948 34.8266 66.4816ZM82.311 33.5577V33.5146L82.3191 33.5623L82.311 33.5577Z" fill="url(#paint0_linear_942_74607)"/>
+<path d="M86.7768 31.1998C84.8184 26.4874 80.8456 21.3994 77.7347 19.791C79.9536 24.0884 81.4934 28.7035 82.2994 33.4723V33.5153L82.3075 33.563C85.7816 43.5047 85.2791 54.4044 80.9049 63.9842C75.739 75.0686 63.2346 86.4297 43.6617 85.8773C22.5129 85.2784 3.88784 69.5851 0.40588 49.0306C-0.227944 45.7894 0.40588 44.1461 0.724536 41.512C0.289846 43.5581 0.0472802 45.6403 0 47.7316L0 47.9642C0.00988197 59.2501 4.25304 70.1216 11.8909 78.4303C19.5287 86.739 30.0055 91.8803 41.2507 92.838C52.4959 93.7957 63.6912 90.5002 72.6241 83.6028C81.5571 76.7054 87.5776 66.708 89.4959 55.5863C89.5715 55.0049 89.6331 54.4292 89.7005 53.8419C90.6289 46.1688 89.6239 38.3854 86.7768 31.1998Z" fill="url(#paint1_radial_942_74607)"/>
+<path d="M86.7768 31.1998C84.8184 26.4874 80.8456 21.3994 77.7347 19.791C79.9536 24.0884 81.4934 28.7035 82.2994 33.4723V33.5153L82.3075 33.563C85.7816 43.5047 85.2791 54.4044 80.9049 63.9842C75.739 75.0686 63.2346 86.4297 43.6617 85.8773C22.5129 85.2784 3.88784 69.5851 0.40588 49.0306C-0.227944 45.7894 0.40588 44.1461 0.724536 41.512C0.289846 43.5581 0.0472802 45.6403 0 47.7316L0 47.9642C0.00988197 59.2501 4.25304 70.1216 11.8909 78.4303C19.5287 86.739 30.0055 91.8803 41.2507 92.838C52.4959 93.7957 63.6912 90.5002 72.6241 83.6028C81.5571 76.7054 87.5776 66.708 89.4959 55.5863C89.5715 55.0049 89.6331 54.4292 89.7005 53.8419C90.6289 46.1688 89.6239 38.3854 86.7768 31.1998Z" fill="url(#paint2_radial_942_74607)"/>
+<path d="M64.8737 36.4978C64.9714 36.5664 65.0621 36.635 65.154 36.7037C64.0218 34.696 62.6124 32.8579 60.9673 31.2435C46.958 17.2319 57.2958 0.862975 59.0391 0.0314449L59.0565 0.00585938C47.7349 6.63484 43.8936 18.9066 43.54 25.0448C44.0657 25.0087 44.5867 24.9645 45.124 24.9645C49.1412 24.9719 53.0847 26.0429 56.5537 28.0687C60.0226 30.0945 62.8933 33.0028 64.8737 36.4978Z" fill="url(#paint3_radial_942_74607)"/>
+<path d="M45.1524 39.2962C45.078 40.4173 41.1169 44.2842 39.7317 44.2842C26.9146 44.2842 24.834 52.0378 24.834 52.0378C25.4015 58.5668 29.9511 63.9444 35.4508 66.7891C35.702 66.9193 35.9567 67.0368 36.2114 67.1519C36.6526 67.3473 37.0937 67.5279 37.5349 67.6939C39.4224 68.3619 41.3993 68.7433 43.3998 68.8254C65.865 69.8791 70.2169 41.9606 54.005 33.8593C57.8295 33.3617 61.7025 34.3021 64.873 36.4981C62.8926 33.0031 60.0219 30.0948 56.553 28.069C53.084 26.0432 49.1405 24.9722 45.1233 24.9648C44.5883 24.9648 44.065 25.009 43.5393 25.0451C39.018 25.3559 34.6953 27.022 31.135 29.8261C31.8223 30.4076 32.598 31.1845 34.232 32.7952C37.2907 35.8085 45.1349 38.9299 45.1524 39.2962Z" fill="url(#paint4_radial_942_74607)"/>
+<path d="M45.1524 39.2962C45.078 40.4173 41.1169 44.2842 39.7317 44.2842C26.9146 44.2842 24.834 52.0378 24.834 52.0378C25.4015 58.5668 29.9511 63.9444 35.4508 66.7891C35.702 66.9193 35.9567 67.0368 36.2114 67.1519C36.6526 67.3473 37.0937 67.5279 37.5349 67.6939C39.4224 68.3619 41.3993 68.7433 43.3998 68.8254C65.865 69.8791 70.2169 41.9606 54.005 33.8593C57.8295 33.3617 61.7025 34.3021 64.873 36.4981C62.8926 33.0031 60.0219 30.0948 56.553 28.069C53.084 26.0432 49.1405 24.9722 45.1233 24.9648C44.5883 24.9648 44.065 25.009 43.5393 25.0451C39.018 25.3559 34.6953 27.022 31.135 29.8261C31.8223 30.4076 32.598 31.1845 34.232 32.7952C37.2907 35.8085 45.1349 38.9299 45.1524 39.2962Z" fill="url(#paint5_radial_942_74607)"/>
+<path d="M29.0341 28.3271C29.3993 28.5597 29.7005 28.762 29.9645 28.9446C28.9374 25.3498 28.8937 21.5453 29.8377 17.9277C25.68 19.9419 21.9856 22.7972 18.9883 26.3128C19.2081 26.307 25.7464 26.1895 29.0341 28.3271Z" fill="url(#paint6_radial_942_74607)"/>
+<path d="M0.41202 49.0294C3.89049 69.5839 22.5191 85.2771 43.6679 85.8761C63.2408 86.4296 75.7451 75.0673 80.9111 63.983C85.2853 54.4031 85.7878 43.5035 82.3136 33.5618V33.5188C82.3136 33.485 82.3067 33.4653 82.3136 33.4757L82.3218 33.5513C83.9209 43.9914 78.6107 54.1058 70.3094 60.9453L70.2838 61.0034C54.1091 74.1765 38.6298 68.9512 35.4968 66.8183C35.2781 66.7137 35.0595 66.6047 34.8408 66.4915C25.4102 61.9838 21.5143 53.3917 22.3493 46.0231C20.1107 46.0561 17.9105 45.4393 16.0154 44.2472C14.1203 43.0551 12.6115 41.3391 11.672 39.3069C14.1475 37.7903 16.9702 36.9329 19.871 36.8165C22.7718 36.7 25.6541 37.3284 28.2433 38.6417C33.5812 41.0649 39.6553 41.3037 45.1669 39.3069C45.1495 38.9406 37.3052 35.818 34.2466 32.8058C32.6126 31.1951 31.8369 30.4194 31.1496 29.8368C30.7781 29.5221 30.3899 29.2278 29.9866 28.9552C29.7191 28.7726 29.4179 28.5749 29.0562 28.3377C25.7684 26.2001 19.2302 26.3176 19.0139 26.3234H18.9929C17.2066 24.0591 17.3322 16.5928 17.4345 15.0332C16.9061 15.2456 16.4016 15.5134 15.9296 15.8322C14.3527 16.9577 12.8785 18.2205 11.5243 19.606C9.9756 21.1662 8.56035 22.8534 7.29337 24.6499V24.6569V24.6487C4.3955 28.757 2.34012 33.3986 1.24588 38.3056C1.22378 38.3974 -0.377643 45.3986 0.41202 49.0294Z" fill="url(#paint7_radial_942_74607)"/>
+<path d="M60.9696 31.2433C62.6151 32.8595 64.0246 34.6996 65.1564 36.7093C65.4041 36.8966 65.6355 37.0826 65.832 37.2629C76.0511 46.683 70.6968 59.9991 70.2979 60.947C78.5992 54.1075 83.9047 43.9931 82.3103 33.553C77.2118 20.8416 68.5697 15.7187 61.5116 4.56343C61.1545 3.99938 60.7975 3.43418 60.4498 2.83757C60.2509 2.49682 60.0916 2.18979 59.9532 1.90719C59.6604 1.3403 59.4349 0.741188 59.281 0.122013C59.2812 0.0934415 59.2709 0.0657935 59.252 0.0443437C59.2331 0.0228939 59.207 0.00914343 59.1786 0.00571546C59.1508 -0.00190515 59.1215 -0.00190515 59.0937 0.00571546C59.0879 0.00571546 59.0786 0.0161823 59.0716 0.0185082C59.0647 0.0208342 59.0495 0.031301 59.0391 0.0359529C57.2958 0.862831 46.9581 17.2318 60.9696 31.2433Z" fill="url(#paint8_radial_942_74607)"/>
+<path d="M65.8245 37.2569C65.6279 37.0766 65.3965 36.8905 65.1488 36.7033C65.0569 36.6347 64.9662 36.566 64.8685 36.4974C61.698 34.3014 57.825 33.361 54.0005 33.8586C70.2124 41.9646 65.8628 69.8784 43.3952 68.8247C41.3947 68.7426 39.4178 68.3612 37.5303 67.6932C37.0892 67.528 36.648 67.3474 36.2069 67.1512C35.9522 67.0349 35.6975 66.9186 35.4463 66.7884L35.4777 66.8081C38.6108 68.9469 54.0854 74.1721 70.2647 60.9932L70.2903 60.9351C70.6938 59.9931 76.0482 46.6735 65.8245 37.2569Z" fill="url(#paint9_radial_942_74607)"/>
+<path d="M24.8348 52.0367C24.8348 52.0367 26.9153 44.2831 39.7325 44.2831C41.1176 44.2831 45.0822 40.4162 45.1532 39.2951C39.6415 41.2919 33.5674 41.0531 28.2295 38.6299C25.6404 37.3166 22.758 36.6883 19.8572 36.8047C16.9564 36.9211 14.1337 37.7785 11.6582 39.2951C12.5978 41.3273 14.1065 43.0433 16.0016 44.2354C17.8967 45.4275 20.0969 46.0443 22.3355 46.0113C21.5005 53.3811 25.3965 61.9732 34.8271 66.4797C35.0376 66.5809 35.2353 66.6902 35.4516 66.7868C29.9472 63.9433 25.4023 58.5657 24.8348 52.0367Z" fill="url(#paint10_radial_942_74607)"/>
+<path d="M86.7768 31.1991C84.8184 26.4867 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716L82.3075 33.5472C77.2113 20.8416 68.5692 15.7187 61.5111 4.56343C61.1541 3.99938 60.797 3.43418 60.4493 2.83757C60.2504 2.49682 60.0911 2.18979 59.9527 1.90719C59.66 1.3403 59.4344 0.741189 59.2805 0.122013C59.2807 0.0934415 59.2704 0.0657935 59.2515 0.0443437C59.2327 0.0228939 59.2065 0.00914343 59.1782 0.00571546C59.1504 -0.00190515 59.1211 -0.00190515 59.0933 0.00571546C59.0875 0.00571546 59.0782 0.0161823 59.0712 0.0185082C59.0642 0.0208342 59.0491 0.031301 59.0386 0.0359529L59.0561 0.00571546C47.7345 6.6347 43.8931 18.9064 43.5396 25.0447C44.0653 25.0086 44.5863 24.9644 45.1236 24.9644C49.1407 24.9718 53.0843 26.0428 56.5532 28.0686C60.0222 30.0943 62.8929 33.0026 64.8733 36.4977C61.7028 34.3016 57.8298 33.3612 54.0052 33.8589C70.2172 41.9648 65.8676 69.8787 43.4 68.825C41.3995 68.7428 39.4226 68.3614 37.5351 67.6934C37.094 67.5283 36.6528 67.3476 36.2117 67.1515C35.957 67.0352 35.7023 66.9189 35.4511 66.7886L35.4825 66.8084C35.2638 66.7037 35.0452 66.5948 34.8266 66.4816C35.0371 66.5828 35.2348 66.6921 35.4511 66.7886C29.9467 63.944 25.4018 58.5664 24.8342 52.0374C24.8342 52.0374 26.9148 44.2838 39.732 44.2838C41.1171 44.2838 45.0817 40.4169 45.1527 39.2958C45.1352 38.9295 37.2909 35.8069 34.2323 32.7947C32.5983 31.184 31.8226 30.4083 31.1353 29.8257C30.7638 29.511 30.3756 29.2167 29.9723 28.9441C28.9453 25.3493 28.9015 21.5447 29.8455 17.9272C25.6878 19.9414 21.9934 22.7967 18.9961 26.3123H18.9752C17.1888 24.048 17.3144 16.5817 17.4168 15.0221C16.8883 15.2345 16.3839 15.5023 15.9119 15.8211C14.3349 16.9466 12.8607 18.2094 11.5065 19.5949C9.96336 21.1595 8.55394 22.8506 7.29304 24.6504V24.6574V24.6492C4.39518 28.7575 2.33979 33.3991 1.24555 38.3061L1.18508 38.6038C1.10018 39.0004 0.719884 41.0147 0.665224 41.4473C0.665224 41.4136 0.665224 41.4799 0.665224 41.4473C0.317389 43.5266 0.0952446 45.6249 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.1209 11.8909 78.4296C19.5287 86.7383 30.0055 91.8796 41.2507 92.8373C52.4959 93.795 63.6912 90.4995 72.6241 83.6021C81.5571 76.7048 87.5776 66.7073 89.4959 55.5856C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1991ZM82.3052 33.5146L82.3133 33.5623L82.3052 33.5146Z" fill="url(#paint11_linear_942_74607)"/>
+<defs>
+<linearGradient id="paint0_linear_942_74607" x1="80.8107" y1="14.408" x2="5.98584" y2="86.6" gradientUnits="userSpaceOnUse">
+<stop offset="0.048" stop-color="#FFF44F"/>
+<stop offset="0.111" stop-color="#FFE847"/>
+<stop offset="0.225" stop-color="#FFC830"/>
+<stop offset="0.368" stop-color="#FF980E"/>
+<stop offset="0.401" stop-color="#FF8B16"/>
+<stop offset="0.462" stop-color="#FF672A"/>
+<stop offset="0.534" stop-color="#FF3647"/>
+<stop offset="0.705" stop-color="#E31587"/>
+</linearGradient>
+<radialGradient id="paint1_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.3532 10.3218) scale(93.9652 93.9652)">
+<stop offset="0.129" stop-color="#FFBD4F"/>
+<stop offset="0.186" stop-color="#FFAC31"/>
+<stop offset="0.247" stop-color="#FF9D17"/>
+<stop offset="0.283" stop-color="#FF980E"/>
+<stop offset="0.403" stop-color="#FF563B"/>
+<stop offset="0.467" stop-color="#FF3750"/>
+<stop offset="0.71" stop-color="#F5156C"/>
+<stop offset="0.782" stop-color="#EB0878"/>
+<stop offset="0.86" stop-color="#E50080"/>
+</radialGradient>
+<radialGradient id="paint2_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(43.0175 48.7376) scale(93.9652 93.9652)">
+<stop offset="0.3" stop-color="#960E18"/>
+<stop offset="0.351" stop-color="#B11927" stop-opacity="0.74"/>
+<stop offset="0.435" stop-color="#DB293D" stop-opacity="0.343"/>
+<stop offset="0.497" stop-color="#F5334B" stop-opacity="0.094"/>
+<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54.3462 -11.003) scale(68.0738 68.0738)">
+<stop offset="0.132" stop-color="#FFF44F"/>
+<stop offset="0.252" stop-color="#FFDC3E"/>
+<stop offset="0.506" stop-color="#FF9D12"/>
+<stop offset="0.526" stop-color="#FF980E"/>
+</radialGradient>
+<radialGradient id="paint4_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.6237 73.2814) scale(44.741 44.741)">
+<stop offset="0.353" stop-color="#3A8EE6"/>
+<stop offset="0.472" stop-color="#5C79F0"/>
+<stop offset="0.669" stop-color="#9059FF"/>
+<stop offset="1" stop-color="#C139E6"/>
+</radialGradient>
+<radialGradient id="paint5_radial_942_74607" cx="0" cy="0" r="1" gradientTransform="matrix(23.0571 -5.5745 6.52335 26.9948 48.1519 41.0365)" gradientUnits="userSpaceOnUse">
+<stop offset="0.206" stop-color="#9059FF" stop-opacity="0"/>
+<stop offset="0.278" stop-color="#8C4FF3" stop-opacity="0.064"/>
+<stop offset="0.747" stop-color="#7716A8" stop-opacity="0.45"/>
+<stop offset="0.975" stop-color="#6E008B" stop-opacity="0.6"/>
+</radialGradient>
+<radialGradient id="paint6_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.8315 6.47716) scale(32.1866 32.1866)">
+<stop stop-color="#FFE226"/>
+<stop offset="0.121" stop-color="#FFDB27"/>
+<stop offset="0.295" stop-color="#FFC82A"/>
+<stop offset="0.502" stop-color="#FFA930"/>
+<stop offset="0.732" stop-color="#FF7E37"/>
+<stop offset="0.792" stop-color="#FF7139"/>
+</radialGradient>
+<radialGradient id="paint7_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(67.1308 -13.9395) scale(137.326 137.326)">
+<stop offset="0.113" stop-color="#FFF44F"/>
+<stop offset="0.456" stop-color="#FF980E"/>
+<stop offset="0.622" stop-color="#FF5634"/>
+<stop offset="0.716" stop-color="#FF3647"/>
+<stop offset="0.904" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint8_radial_942_74607" cx="0" cy="0" r="1" gradientTransform="matrix(10.5626 100.094 -65.6895 6.94116 55.557 -6.30295)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF44F"/>
+<stop offset="0.06" stop-color="#FFE847"/>
+<stop offset="0.168" stop-color="#FFC830"/>
+<stop offset="0.304" stop-color="#FF980E"/>
+<stop offset="0.356" stop-color="#FF8B16"/>
+<stop offset="0.455" stop-color="#FF672A"/>
+<stop offset="0.57" stop-color="#FF3647"/>
+<stop offset="0.737" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint9_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.073 18.3981) scale(85.7348 85.7348)">
+<stop offset="0.137" stop-color="#FFF44F"/>
+<stop offset="0.48" stop-color="#FF980E"/>
+<stop offset="0.592" stop-color="#FF5634"/>
+<stop offset="0.655" stop-color="#FF3647"/>
+<stop offset="0.904" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint10_radial_942_74607" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(63.7051 23.4153) scale(93.8361 93.8361)">
+<stop offset="0.094" stop-color="#FFF44F"/>
+<stop offset="0.231" stop-color="#FFE141"/>
+<stop offset="0.509" stop-color="#FFAF1E"/>
+<stop offset="0.626" stop-color="#FF980E"/>
+</radialGradient>
+<linearGradient id="paint11_linear_942_74607" x1="79.9118" y1="14.0219" x2="16.2433" y2="77.6892" gradientUnits="userSpaceOnUse">
+<stop offset="0.167" stop-color="#FFF44F" stop-opacity="0.8"/>
+<stop offset="0.266" stop-color="#FFF44F" stop-opacity="0.634"/>
+<stop offset="0.489" stop-color="#FFF44F" stop-opacity="0.217"/>
+<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/iOS.svg

@@ -0,0 +1,26 @@
+<svg width="380" height="778" viewBox="0 0 380 778" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_872_63605" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="380" height="778">
+<rect width="380" height="778" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_872_63605)">
+<rect x="13" y="16" width="354" height="750" rx="36" fill="#EBECF0"/>
+<path d="M327.75 0C355.364 0 377.75 22.3858 377.75 50V728C377.75 755.614 355.364 778 327.75 778H52.75C25.1358 778 2.75 755.614 2.75 728V50C2.75 22.3858 25.1358 1.40932e-06 52.75 0H327.75ZM63.5 16C35.8858 16 13.5 38.3858 13.5 66V716C13.5 743.614 35.8858 766 63.5 766H316.5C344.114 766 366.5 743.614 366.5 716V66C366.5 38.3858 344.114 16 316.5 16H63.5Z" fill="#DFE2E7"/>
+<path d="M14.75 52C14.75 32.1177 30.8678 16 50.75 16H329.75C349.632 16 365.75 32.1177 365.75 52V62H14.75V52Z" fill="#F4F5F7"/>
+<path d="M43.6614 38.5293C43.6614 36.625 45.1922 35.2334 47.2942 35.2334C49.3084 35.2334 50.8099 36.5151 50.8099 38.1924C50.8099 39.4229 50.1507 40.3384 48.6053 41.9204L45.9612 44.5791V44.6157H50.9783V46H43.7493V44.8867L47.5652 40.9976C48.8543 39.6572 49.1912 39.1006 49.1912 38.2729C49.1912 37.3354 48.3416 36.5884 47.243 36.5884C46.0857 36.5884 45.2142 37.4233 45.2142 38.522V38.5439H43.6614V38.5293ZM53.2857 44.3667C52.7511 44.3667 52.3263 43.9419 52.3263 43.4072C52.3263 42.8726 52.7511 42.4478 53.2857 42.4478C53.8204 42.4478 54.2452 42.8726 54.2452 43.4072C54.2452 43.9419 53.8204 44.3667 53.2857 44.3667ZM53.2857 39.0273C52.7511 39.0273 52.3263 38.6099 52.3263 38.0679C52.3263 37.5332 52.7511 37.1084 53.2857 37.1084C53.8204 37.1084 54.2452 37.5332 54.2452 38.0679C54.2452 38.6099 53.8204 39.0273 53.2857 39.0273ZM55.6884 38.5293C55.6884 36.625 57.2191 35.2334 59.3212 35.2334C61.3354 35.2334 62.8368 36.5151 62.8368 38.1924C62.8368 39.4229 62.1776 40.3384 60.6322 41.9204L57.9882 44.5791V44.6157H63.0053V46H55.7763V44.8867L59.5922 40.9976C60.8812 39.6572 61.2182 39.1006 61.2182 38.2729C61.2182 37.3354 60.3686 36.5884 59.2699 36.5884C58.1127 36.5884 57.2411 37.4233 57.2411 38.522V38.5439H55.6884V38.5293ZM67.7077 46.1978C65.8254 46.1978 64.3679 45.0698 64.0529 43.3926H65.7009C65.9499 44.2568 66.7556 44.8354 67.7297 44.8354C69.3776 44.8354 70.3444 43.312 70.3444 40.646C70.3444 40.646 70.3371 40.646 70.3298 40.646H70.3225H70.3151C69.8903 41.686 68.7771 42.3745 67.4147 42.3745C65.4079 42.3745 63.9064 40.8877 63.9064 38.8809C63.9064 36.7642 65.5324 35.2261 67.7663 35.2261C69.3337 35.2261 70.5935 36.0244 71.2746 37.4453C71.7067 38.2876 71.9265 39.3276 71.9265 40.5654C71.9265 44.103 70.3591 46.1978 67.7077 46.1978ZM67.7663 41.0342C69.0627 41.0342 70.0295 40.104 70.0295 38.8589C70.0295 37.6064 69.048 36.625 67.7883 36.625C66.5285 36.625 65.5397 37.5991 65.5397 38.8296C65.5397 40.0967 66.4846 41.0342 67.7663 41.0342Z" fill="black"/>
+<path d="M276.089 42.335C276.641 42.335 277.089 42.7827 277.089 43.335V45.335C277.089 45.8871 276.641 46.335 276.089 46.335H275.089C274.537 46.335 274.089 45.8871 274.089 45.335V43.335C274.089 42.7827 274.537 42.335 275.089 42.335H276.089ZM280.756 40.335C281.308 40.3351 281.756 40.7828 281.756 41.335V45.335C281.756 45.887 281.308 46.3348 280.756 46.335H279.756C279.204 46.335 278.756 45.8871 278.756 45.335V41.335C278.756 40.7827 279.204 40.335 279.756 40.335H280.756ZM285.422 38.001C285.974 38.001 286.422 38.4488 286.422 39.001V45.335C286.422 45.8871 285.974 46.335 285.422 46.335H284.422C283.87 46.3348 283.422 45.887 283.422 45.335V39.001C283.422 38.449 283.87 38.0012 284.422 38.001H285.422ZM290.089 35.668C290.641 35.668 291.089 36.1157 291.089 36.668V45.335C291.089 45.8871 290.641 46.335 290.089 46.335H289.089C288.537 46.335 288.089 45.8871 288.089 45.335V36.668C288.089 36.1157 288.537 35.668 289.089 35.668H290.089Z" fill="black"/>
+<path d="M301.537 43.9268C302.818 42.8445 304.694 42.8445 305.975 43.9268C306.039 43.985 306.076 44.0676 306.078 44.1543C306.08 44.2409 306.045 44.3241 305.983 44.3848L303.979 46.4072C303.92 46.4666 303.839 46.5 303.756 46.5C303.672 46.5 303.592 46.4666 303.533 46.4072L301.527 44.3848C301.466 44.3241 301.432 44.2407 301.434 44.1543C301.435 44.0676 301.473 43.9849 301.537 43.9268ZM298.861 41.2295C301.62 38.6651 305.893 38.6652 308.652 41.2295C308.715 41.2896 308.751 41.3724 308.752 41.459C308.753 41.5453 308.718 41.6282 308.657 41.6895L307.498 42.8604C307.379 42.9796 307.186 42.9815 307.063 42.8652C306.157 42.0455 304.978 41.5917 303.756 41.5918C302.534 41.5923 301.357 42.0462 300.451 42.8652C300.329 42.9816 300.135 42.9799 300.016 42.8604L298.857 41.6895C298.796 41.6283 298.762 41.5454 298.763 41.459C298.764 41.3725 298.799 41.2896 298.861 41.2295ZM296.186 38.5391C300.417 34.4869 307.094 34.4869 311.326 38.5391C311.387 38.5992 311.421 38.6818 311.422 38.7676C311.422 38.8533 311.389 38.9362 311.328 38.9971L310.168 40.167C310.048 40.2871 309.854 40.2882 309.732 40.1699C308.12 38.6385 305.98 37.7843 303.756 37.7842C301.531 37.7842 299.391 38.6383 297.778 40.1699C297.657 40.2883 297.463 40.2871 297.344 40.167L296.183 38.9971C296.122 38.9362 296.088 38.8533 296.089 38.7676C296.089 38.6817 296.124 38.5992 296.186 38.5391Z" fill="black"/>
+<rect opacity="0.35" x="316.922" y="35.834" width="21" height="10.3333" rx="2.16667" stroke="black"/>
+<path opacity="0.4" d="M339.422 39V43C340.227 42.6612 340.75 41.8731 340.75 41C340.75 40.1269 340.227 39.3388 339.422 39" fill="black"/>
+<rect x="318.422" y="37.334" width="18" height="7.33333" rx="1.33333" fill="black"/>
+<path d="M140.117 136.055C140.117 132.5 142.975 129.902 146.898 129.902C150.658 129.902 153.461 132.295 153.461 135.426C153.461 137.723 152.23 139.432 149.346 142.385L144.41 147.348V147.416H153.775V150H140.281V147.922L147.404 140.662C149.811 138.16 150.439 137.121 150.439 135.576C150.439 133.826 148.854 132.432 146.803 132.432C144.643 132.432 143.016 133.99 143.016 136.041V136.082H140.117V136.055ZM158.643 146.951C157.645 146.951 156.852 146.158 156.852 145.16C156.852 144.162 157.645 143.369 158.643 143.369C159.641 143.369 160.434 144.162 160.434 145.16C160.434 146.158 159.641 146.951 158.643 146.951ZM158.643 136.984C157.645 136.984 156.852 136.205 156.852 135.193C156.852 134.195 157.645 133.402 158.643 133.402C159.641 133.402 160.434 134.195 160.434 135.193C160.434 136.205 159.641 136.984 158.643 136.984ZM163.688 136.055C163.688 132.5 166.545 129.902 170.469 129.902C174.229 129.902 177.031 132.295 177.031 135.426C177.031 137.723 175.801 139.432 172.916 142.385L167.98 147.348V147.416H177.346V150H163.852V147.922L170.975 140.662C173.381 138.16 174.01 137.121 174.01 135.576C174.01 133.826 172.424 132.432 170.373 132.432C168.213 132.432 166.586 133.99 166.586 136.041V136.082H163.688V136.055ZM186.684 150.369C183.17 150.369 180.449 148.264 179.861 145.133H182.938C183.402 146.746 184.906 147.826 186.725 147.826C189.801 147.826 191.605 144.982 191.605 140.006C191.605 140.006 191.592 140.006 191.578 140.006H191.564H191.551C190.758 141.947 188.68 143.232 186.137 143.232C182.391 143.232 179.588 140.457 179.588 136.711C179.588 132.76 182.623 129.889 186.793 129.889C189.719 129.889 192.07 131.379 193.342 134.031C194.148 135.604 194.559 137.545 194.559 139.855C194.559 146.459 191.633 150.369 186.684 150.369ZM186.793 140.73C189.213 140.73 191.018 138.994 191.018 136.67C191.018 134.332 189.186 132.5 186.834 132.5C184.482 132.5 182.637 134.318 182.637 136.615C182.637 138.98 184.4 140.73 186.793 140.73ZM203.268 130.271H210.664C214.492 130.271 217.158 132.91 217.158 136.752C217.158 140.607 214.438 143.26 210.568 143.26H206.33V150H203.268V130.271ZM206.33 132.855V140.689H209.844C212.51 140.689 214.027 139.254 214.027 136.766C214.027 134.277 212.51 132.855 209.857 132.855H206.33ZM239.799 150H236.996V135.48H236.9L230.953 149.85H228.684L222.723 135.48H222.627V150H219.838V130.271H223.379L229.764 145.844H229.873L236.244 130.271H239.799V150Z" fill="#091E42"/>
+<path d="M165.975 174H164.92V165.545H170.053V166.494H165.975V169.4H169.719V170.338H165.975V174ZM171.102 174V167.906H172.062V168.902H172.086C172.285 168.229 172.848 167.801 173.562 167.801C173.738 167.801 173.891 167.83 173.973 167.842V168.832C173.891 168.803 173.674 168.773 173.428 168.773C172.637 168.773 172.121 169.342 172.121 170.203V174H171.102ZM174.857 174V167.906H175.877V174H174.857ZM175.367 166.881C175.021 166.881 174.734 166.594 174.734 166.248C174.734 165.896 175.021 165.615 175.367 165.615C175.719 165.615 176.006 165.896 176.006 166.248C176.006 166.594 175.719 166.881 175.367 166.881ZM177.951 175.682H177.102L177.67 172.699H178.754L177.951 175.682ZM184.355 174V166.664H184.332L182.094 168.275V167.162L184.344 165.545H185.375V174H184.355ZM187.467 167.982C187.467 166.506 188.662 165.404 190.256 165.404C191.768 165.404 192.957 166.43 192.957 167.725C192.957 168.668 192.529 169.371 191.117 170.83L188.979 173.039V173.062H193.098V174H187.52V173.273L190.496 170.139C191.633 168.943 191.902 168.492 191.902 167.789C191.902 166.975 191.158 166.324 190.227 166.324C189.236 166.324 188.486 167.039 188.486 167.982V167.988H187.467V167.982ZM196.912 165.545H199.754C202.262 165.545 203.744 167.109 203.744 169.77C203.744 172.436 202.268 174 199.754 174H196.912V165.545ZM197.967 166.494V173.051H199.684C201.6 173.051 202.666 171.879 202.666 169.781C202.666 167.666 201.605 166.494 199.684 166.494H197.967ZM207.342 168.686C206.387 168.686 205.719 169.418 205.654 170.432H208.965C208.941 169.412 208.303 168.686 207.342 168.686ZM208.941 172.254H209.943C209.768 173.32 208.736 174.105 207.406 174.105C205.66 174.105 204.6 172.893 204.6 170.977C204.6 169.084 205.678 167.801 207.359 167.801C209.006 167.801 210.02 168.996 210.02 170.842V171.229H205.648V171.287C205.648 172.453 206.334 173.221 207.43 173.221C208.203 173.221 208.771 172.828 208.941 172.254ZM216.113 169.904H215.117C214.971 169.242 214.455 168.697 213.559 168.697C212.504 168.697 211.789 169.57 211.789 170.953C211.789 172.371 212.516 173.209 213.57 173.209C214.402 173.209 214.947 172.77 215.123 172.037H216.125C215.967 173.25 214.947 174.105 213.564 174.105C211.877 174.105 210.752 172.916 210.752 170.953C210.752 169.031 211.871 167.801 213.553 167.801C215.076 167.801 215.984 168.809 216.113 169.904Z" fill="#5E6C84"/>
+<path d="M376.989 168.215H378.25C379.078 168.215 379.75 168.886 379.75 169.715V255.277C379.75 256.105 379.078 256.777 378.25 256.777H376.989V168.215Z" fill="#DFE2E7"/>
+<path d="M2.51074 221.721H1.25045C0.422024 221.721 -0.249548 222.392 -0.249548 223.221V273.727C-0.249548 274.555 0.422024 275.227 1.25045 275.227H2.51074V221.721Z" fill="#DFE2E7"/>
+<path d="M2.51074 150.688H1.25045C0.422024 150.688 -0.249548 151.359 -0.249548 152.187V202.694C-0.249548 203.522 0.422024 204.194 1.25045 204.194H2.51074V150.688Z" fill="#DFE2E7"/>
+<path d="M2.51074 94.4141H1.25045C0.422024 94.4141 -0.249548 95.0856 -0.249548 95.9141V119.667C-0.249548 120.496 0.422024 121.167 1.25045 121.167H2.51074V94.4141Z" fill="#DFE2E7"/>
+<path d="M262.897 16C260.269 16.0001 258.297 17.9768 258.297 20.6123V20.9707C258.297 28.9248 251.849 35.373 243.895 35.373H136.525C128.571 35.373 122.123 28.9248 122.123 20.9707V20.6123L122.116 20.3965C121.979 18.1644 119.751 16 117.522 16H262.897Z" fill="#EBECF0"/>
+<rect opacity="0.75" x="169.968" y="17.8457" width="39.5642" height="6.45763" rx="3.22881" fill="#B3BAC5"/>
+<ellipse cx="217.354" cy="21.0738" rx="5.06053" ry="5.07385" fill="#B3BAC5"/>
+<ellipse cx="217.353" cy="21.0745" rx="3.22034" ry="3.22881" fill="#DFE2E7"/>
+</g>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/macos-arrow-down-icon.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.52854 9.9952L4.46662 6.93327C4.20888 6.67554 4.20888 6.25767 4.46662 5.99994C4.72435 5.74221 5.14222 5.74221 5.39995 5.99994L7.99995 8.59994L10.5999 5.99994C10.8577 5.74221 11.2755 5.74221 11.5333 5.99994C11.791 6.25767 11.791 6.67554 11.5333 6.93327L8.47135 9.9952C8.211 10.2556 7.78889 10.2556 7.52854 9.9952V9.9952Z" fill="white"/>
+<mask id="mask0_1212_117350" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="5" width="8" height="6">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.52854 9.9952L4.46662 6.93327C4.20888 6.67554 4.20888 6.25767 4.46662 5.99994C4.72435 5.74221 5.14222 5.74221 5.39995 5.99994L7.99995 8.59994L10.5999 5.99994C10.8577 5.74221 11.2755 5.74221 11.5333 5.99994C11.791 6.25767 11.791 6.67554 11.5333 6.93327L8.47135 9.9952C8.211 10.2556 7.78889 10.2556 7.52854 9.9952V9.9952Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1212_117350)">
+<rect width="16" height="16" fill="#5E6C84"/>
+</g>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/macos-triple-dot-icon.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66638 6.66602C3.40265 6.66602 4.00019 7.26279 4.00037 7.99902C4.00037 8.7354 3.40276 9.33301 2.66638 9.33301C1.93015 9.33283 1.33337 8.73529 1.33337 7.99902C1.33355 7.2629 1.93026 6.66619 2.66638 6.66602ZM8.00037 6.66602C8.73649 6.66619 9.3332 7.2629 9.33337 7.99902C9.33337 8.73529 8.7366 9.33283 8.00037 9.33301C7.26399 9.33301 6.66638 8.7354 6.66638 7.99902C6.66656 7.26279 7.2641 6.66602 8.00037 6.66602ZM13.3334 6.66602C14.0696 6.66602 14.6662 7.26279 14.6664 7.99902C14.6664 8.7354 14.0698 9.33301 13.3334 9.33301C12.597 9.33301 12.0004 8.7354 12.0004 7.99902C12.0005 7.26279 12.5971 6.66602 13.3334 6.66602Z" fill="white"/>
+<mask id="mask0_1212_117349" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="6" width="14" height="4">
+<path d="M2.66638 6.66602C3.40265 6.66602 4.00019 7.26279 4.00037 7.99902C4.00037 8.7354 3.40276 9.33301 2.66638 9.33301C1.93015 9.33283 1.33337 8.73529 1.33337 7.99902C1.33355 7.2629 1.93026 6.66619 2.66638 6.66602ZM8.00037 6.66602C8.73649 6.66619 9.3332 7.2629 9.33337 7.99902C9.33337 8.73529 8.7366 9.33283 8.00037 9.33301C7.26399 9.33301 6.66638 8.7354 6.66638 7.99902C6.66656 7.26279 7.2641 6.66602 8.00037 6.66602ZM13.3334 6.66602C14.0696 6.66602 14.6662 7.26279 14.6664 7.99902C14.6664 8.7354 14.0698 9.33301 13.3334 9.33301C12.597 9.33301 12.0004 8.7354 12.0004 7.99902C12.0005 7.26279 12.5971 6.66602 13.3334 6.66602Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1212_117349)">
+<rect width="16" height="16" fill="#5E6C84"/>
+</g>
+</svg>

package/v2Containers/WebPush/Create/preview/assets/opera-icon.svg

@@ -0,0 +1,18 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.1922 72.7074C26.0493 66.6345 22.7199 57.6693 22.4967 47.5974C22.4967 47.5695 22.4967 45.4305 22.4967 45.4026C22.7199 35.3307 26.0493 26.3655 31.1922 20.2926C37.8696 11.6343 47.7834 6.138 58.8504 6.138C65.658 6.138 72.0378 8.2212 77.4876 11.8389C69.3036 4.5105 58.5156 0.0465 46.6767 0C46.6209 0 46.5558 0 46.5 0C20.8227 0 0 20.8227 0 46.5C0 71.4426 19.6323 91.791 44.2866 92.9442C45.0213 92.9814 45.756 93 46.5 93C58.404 93 69.2664 88.5267 77.4876 81.1704C72.0378 84.7788 65.6673 86.862 58.8504 86.862C47.7834 86.862 37.8696 81.3657 31.1922 72.7074Z" fill="url(#paint0_linear_942_74603)"/>
+<path d="M31.1924 20.2933C35.4611 15.2527 40.9667 12.2209 46.9931 12.2209C60.5339 12.2209 71.4986 27.5659 71.4986 46.5007C71.4986 65.4355 60.5246 80.7805 46.9931 80.7805C40.976 80.7805 35.4611 77.7394 31.1924 72.7081C37.8698 81.3664 47.7836 86.8627 58.8506 86.8627C65.6582 86.8627 72.038 84.7795 77.4878 81.1711C87.011 72.6523 93.0002 60.274 93.0002 46.5007C93.0002 32.7274 87.011 20.3491 77.4878 11.8396C72.038 8.22187 65.6675 6.13867 58.8506 6.13867C47.7836 6.13867 37.8698 11.635 31.1924 20.2933Z" fill="url(#paint1_linear_942_74603)"/>
+<defs>
+<linearGradient id="paint0_linear_942_74603" x1="38.7459" y1="1.51627" x2="38.7459" y2="91.6465" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stop-color="#FF1B2D"/>
+<stop offset="0.4381" stop-color="#FA1A2C"/>
+<stop offset="0.5939" stop-color="#ED1528"/>
+<stop offset="0.7581" stop-color="#D60E21"/>
+<stop offset="0.9272" stop-color="#B70519"/>
+<stop offset="1" stop-color="#A70014"/>
+</linearGradient>
+<linearGradient id="paint1_linear_942_74603" x1="62.0971" y1="6.82926" x2="62.0971" y2="86.545" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9C0000"/>
+<stop offset="0.7" stop-color="#FF4B4B"/>
+</linearGradient>
+</defs>
+</svg>