@capillarytech/creatives-library 3.9.12 → 3.9.21

package/v2Components/TemplatePreview/assets/images/WechatMobileAndroid.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+
+function SvgWechatMobileAndroid(props) {
+  return (
+    <svg
+      width="1em"
+      height="1em"
+      viewBox="0 0 220 472"
+      fill="currentColor"
+      {...props}
+    >
+      <g fill="none" fillRule="evenodd">
+        <rect width={220} height={472} fill="#101211" rx={26} />
+        <rect width={202} height={404} x={9} y={36} fill="#F4F5F7" rx={9} />
+        <rect
+          width={182}
+          height={136}
+          x={19}
+          y={112}
+          fill="#F4F5F7"
+          rx={17.5}
+        />
+        <path
+          fill="#F4F5F7"
+          d="M18 36h184a9 9 0 019 9v6H9v-6a9 9 0 019-9zM9 82h202V51H9z"
+        />
+        <rect width={52} height={5} x={84} y={14} fill="#2E2E2E" rx={2.5} />
+        <rect width={52} height={5} x={84} y={455} fill="#2E2E2E" rx={2.5} />
+        <circle cx={45.5} cy={19.5} r={5.5} fill="#2E2E2E" />
+        <circle cx={65.5} cy={19.5} r={3.5} fill="#2E2E2E" />
+        <text
+          fill="#000"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize={12}
+          letterSpacing={0.175}
+        >
+          <tspan x={49.5} y={71}>
+            {"Muji India"}
+          </tspan>
+        </text>
+        <circle cx={199} cy={63} r={1} fill="#000" />
+        <circle cx={199} cy={70} r={1} fill="#000" />
+        <circle cx={199} cy={66.5} r={1} fill="#000" />
+        <path
+          fill="#000"
+          d="M28 66a.505.505 0 01-.505.505h-5.556l2.42 2.42a.506.506 0 11-.718.716l-2.934-2.934a1 1 0 010-1.414l2.934-2.934a.508.508 0 01.718.717l-2.42 2.419h5.556c.279 0 .505.226.505.505z"
+        />
+      </g>
+    </svg>
+  );
+}
+
+export default SvgWechatMobileAndroid;

package/v2Components/TemplatePreview/index.js

@@ -147,6 +147,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
         return undefined;
       });
     }
+    const disablePreviewAndTest = this.props.channel === 'MOBILEPUSH' ? !this.props.content.header : (this.props.channel === 'SMS' ? !this.props.content : false);
     return (
       <CapRow>
         {this.props.showCount && <CapColumn span={16}>
@@ -172,6 +173,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                 }}
                 type="flat"
                 onClick={() => this.onPreviewContentClicked(this.props.channel)}
+                disabled={disablePreviewAndTest}
               >
                 <CapIcon type="eye"/><FormattedMessage {...messages.preview} />
               </CapButton>
@@ -184,6 +186,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                 }}
                 type="flat"
                 onClick={() => this.onTestContentClicked(this.props.channel)}
+                disabled={disablePreviewAndTest}
               >
                 <CapIcon type="lab"/><FormattedMessage {...messages.testMessage} />
               </CapButton>

package/v2Containers/Assets/Gallery/index.js

@@ -81,7 +81,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
       const params = {
         name: this.state.searchText,
       };
-      this.getAllAssets({params});
+      this.getAllAssets({params, resetPage: true});
     }
     if (!this.props.Gallery.fetchingAllAssets && !_.isEmpty(this.props.Gallery.assetList) && this.props.Gallery.assetList[0] && this.props.Gallery.assetList[0].totalCount && this.state.totalCount === 0) {
       this.setState({totalCount: this.props.Gallery.assetList[0].totalCount});
@@ -98,19 +98,12 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
         name: this.state.searchText,
         sortBy: 'Most Recent',
       };
-      this.getAllAssets({params});
+      this.getAllAssets({params, resetPage: true});
     }
     if (!nextProps.Gallery.deletingAsset && nextProps.Gallery.assetDeleteError && !_.isEqual(nextProps.Gallery.deletingAsset, this.props.Gallery.deletingAsset)) {
       const message = getMessageObject('error', this.props.intl.formatMessage(messages.assetDeleteFailed), true);
       this.props.globalActions.addMessageToQueue(message);
     }
-    if ( nextProps.Gallery.itemDeleted || !nextProps.Gallery.assetUploading) {
-      const params = {
-        name: this.state.searchText,
-        sortBy: 'Most Recent',
-      };
-      this.getAllAssets({params}, true);
-    }
   }
 
   componentWillUnmount() {
@@ -236,19 +229,20 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
   uploadImages(e, {files}) {
     e.preventDefault();
     const _URL = window.URL || window.webkitURL;
-    //const file = files[0];
     for (const file in files) {
-      const img = new Image();
-      const that = this;
-      img.src = _URL.createObjectURL(files[file]);
-      img.onload = function () {
-        const fileParams = {
-          width: this.width,
-          height: this.height,
-          isGeneratePreview: true,
+      if (files.hasOwnProperty(file)) {
+        const img = new Image();
+        const that = this;
+        img.src = _URL.createObjectURL(files[file]);
+        img.onload = function () {
+          const fileParams = {
+            width: this.width,
+            height: this.height,
+            isGeneratePreview: true,
+          };
+          that.props.actions.uploadAsset(files[file], 'image', fileParams);
         };
-        that.props.actions.uploadAsset(files[file], 'image', fileParams);
-      };
+      }
     }
   }
   getIllustrationProps={

package/v2Containers/Assets/images/CalltaskIllustration.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+
+function SvgCalltaskIllustration(props) {
+  return (
+    <svg
+      id="calltaskIllustration_svg__Layer_1"
+      data-name="Layer 1"
+      viewBox="0 0 152 152"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      {...props}
+    >
+      <defs>
+        <style>
+          {
+            ".calltaskIllustration_svg__cls-1{fill:#fec52e}.calltaskIllustration_svg__cls-2{fill:#fff}.calltaskIllustration_svg__cls-3{fill:#103344}"
+          }
+        </style>
+      </defs>
+      <path
+        className="calltaskIllustration_svg__cls-1"
+        d="M117.57 105.9c-3.5-3.1-14.33 2.57-14.93 7.86-.44 3.8 5.54 10.55 12.49 3.83 0 0 6.98-7.67 2.44-11.69zM123 98.46c-1 .76-2.64 3.48 1.57 4.26 0 0 3.23.8 3.1-3S124 97.71 123 98.46z"
+      />
+      <circle
+        className="calltaskIllustration_svg__cls-1"
+        cx={55.98}
+        cy={74.76}
+        r={2.01}
+      />
+      <path
+        className="calltaskIllustration_svg__cls-1"
+        d="M139.14 51.31l-.13-.23c-6.25-11.38-17.87-20.65-31.76-26.6l-.33-.15c-15.7-6.65-34.27-9.06-51.25-5.5l-1.39.29a67.42 67.42 0 00-13.46 4.59C29.56 29 21.63 36.41 16.41 45c-10.68 17.63-9.95 40.23-3 59.59.58 1.62 1.2 3.15 1.86 4.64a1.4 1.4 0 01.57-.13 1.66 1.66 0 011.44.86l.23.44a.54.54 0 001 0l.5-.89a1.6 1.6 0 012.75-.1l.72 1.09a.51.51 0 00.47.24.54.54 0 00.46-.28l.29-.54a1.58 1.58 0 011.3-.82 1.6 1.6 0 011.38.78l.69 1.17a.5.5 0 00.49.26.51.51 0 00.46-.3l.46-.93a1.6 1.6 0 011.44-.9 1.61 1.61 0 011.44.93l.4.87a.53.53 0 00.93.09l.34-.49a1.61 1.61 0 012.92.71l.13 1a.54.54 0 00.68.45l4.76-1.38.3 1-4.76 1.37a1.41 1.41 0 01-.45.07 1.57 1.57 0 01-.88-.27 1.61 1.61 0 01-.71-1.14l-.13-1a.54.54 0 00-1-.24l-.34.49a1.55 1.55 0 01-1.46.68 1.6 1.6 0 01-1.32-.92l-.4-.88a.54.54 0 00-.49-.31.53.53 0 00-.49.3l-.46.93a1.6 1.6 0 01-1.38.9 1.58 1.58 0 01-1.44-.78l-.7-1.17a.53.53 0 00-.48-.26.52.52 0 00-.46.28l-.29.54a1.61 1.61 0 01-2.76.12l-.72-1.1a.59.59 0 00-.47-.24.57.57 0 00-.46.28l-.49.89a1.62 1.62 0 01-1.41.83 1.61 1.61 0 01-1.4-.86l-.23-.44a.52.52 0 00-.49-.29.74.74 0 00-.14 0c6.58 14.18 16.7 21.92 27.47 24-1.21-3.68-2.47-11.18 2.3-25.62 1.33-4 4.12-7.91.2-13.88-.86-1.3-2.43-3.28-2.6-5.66s-3 1.24-6.68-.88C32.21 85.82 20.71 67 24.61 65.47s17 10.46 17.5 10.53 8-8 19.53-7.37c0 0 4.52-13.11 19.71-2.35 0 0 .72.84-2 1.81-3.65 1.29-3.16-1.32-5.32 1.08s2.25 5.81-3.94 9c0 0 3.35 5.76 2.56 15.9 0 0-2.7 8.18 1 14 3.43 5.35 4.6 12.42 4.89 15 7.06-4.47 14.37-9.52 21.42-14.42a167 167 0 0124.68-13.81 34.41 34.41 0 008.59-5.54c7-6.3 16.18-19 5.91-37.99z"
+      />
+      <path
+        className="calltaskIllustration_svg__cls-2"
+        d="M72.63 94c.79-10.14-2.56-15.9-2.56-15.9 6.19-3.15 1.77-6.56 3.94-9s1.67.21 5.32-1.08c2.74-1 2-1.81 2-1.81-15.19-10.76-19.71 2.35-19.71 2.35C50.07 68 42.66 76.06 42.11 76S28.5 64 24.61 65.47s7.6 20.35 11.75 22.72c3.69 2.12 6.51-1.5 6.68.88s1.74 4.36 2.6 5.66c3.92 6 1.13 9.84-.2 13.88-4.77 14.44-3.51 21.94-2.3 25.62a34 34 0 0022.47-3.62c4.12-2.18 8.48-4.77 12.94-7.6-.29-2.57-1.46-9.64-4.89-15-3.73-5.8-1.03-14.01-1.03-14.01z"
+      />
+      <circle
+        className="calltaskIllustration_svg__cls-3"
+        cx={51.54}
+        cy={85.49}
+        r={0.93}
+      />
+      <circle
+        className="calltaskIllustration_svg__cls-3"
+        cx={60.74}
+        cy={81.25}
+        r={0.93}
+      />
+      <path
+        className="calltaskIllustration_svg__cls-3"
+        d="M59 91c.7.17 2.4-.33 2.6-1.06s-.11-.39.35-1A2.06 2.06 0 0059 86.58 4.15 4.15 0 0056.73 88c-.39.7-.07 2.72 1 2.56.66-.12.96.44 1.27.44z"
+      />
+      <path
+        d="M83.85 91.83S56 83.91 40.57 105.6c-1 1.38-2.13 3.94-1.19 6.41l-2.56.74a.54.54 0 01-.68-.45l-.13-1a1.61 1.61 0 00-2.92-.71l-.34.49a.53.53 0 01-.93-.09l-.4-.87a1.61 1.61 0 00-1.44-.93 1.6 1.6 0 00-1.44.9l-.46.93a.51.51 0 01-.46.3.5.5 0 01-.49-.26l-.69-1.17a1.6 1.6 0 00-1.44-.79 1.58 1.58 0 00-1.38.84l-.29.54a.54.54 0 01-.46.28.51.51 0 01-.47-.24l-.72-1.09a1.6 1.6 0 00-2.75.1l-.5.89a.54.54 0 01-1 0l-.23-.44a1.66 1.66 0 00-1.44-.86 1.4 1.4 0 00-.57.13c.14.33.29.66.44 1a.74.74 0 01.14 0 .52.52 0 01.49.29l.23.44a1.61 1.61 0 001.4.86 1.62 1.62 0 001.41-.83l.49-.89a.57.57 0 01.46-.28.59.59 0 01.47.24l.72 1.1a1.61 1.61 0 002.76-.12l.29-.54a.52.52 0 01.46-.28.53.53 0 01.48.26l.7 1.17a1.58 1.58 0 001.44.78 1.6 1.6 0 001.38-.9l.46-.93a.53.53 0 01.49-.3.54.54 0 01.49.31l.4.88a1.6 1.6 0 001.32.92 1.55 1.55 0 001.46-.68l.34-.49a.54.54 0 011 .24l.13 1a1.61 1.61 0 00.71 1.14 1.57 1.57 0 00.88.27 1.41 1.41 0 00.45-.07l2.75-.79a8.05 8.05 0 003.29 2.81s3.56.13 9-5.31c0 0 2.36-2-.94-5.22-4.03-4.12 23.82-12.2 23.94-7.98a10.79 10.79 0 00.84 4.37 2.27 2.27 0 001.52 1.28c2.37.6 9 1.94 11.67-.93 3.35-3.69-2.54-9.36-5.3-10.24z"
+        fill="#ea4cb5"
+      />
+      <path
+        d="M79.25 101.14a2.63 2.63 0 01-1.78-1.23 9.54 9.54 0 01-1-4.38C76.38 91.31 47 99.75 49 104.28c2.39 5.5 0 6.2 0 6.2-3.71 3.15-6.4 3.82-8 3.83a9.42 9.42 0 002.19 1.51s3.56.13 9-5.31c0 0 2.36-2-.94-5.22-4.1-4.05 23.75-12.13 23.87-7.91a10.79 10.79 0 00.84 4.37 2.26 2.26 0 001.52 1.25c2.37.59 9 1.93 11.67-.94.09-.11.16-.22.24-.33-3.56.65-8.15-.16-10.14-.59z"
+        fill="#e51fa3"
+      />
+      <path
+        className="calltaskIllustration_svg__cls-2"
+        d="M56.15 93.18a3 3 0 004 1.14c.24-.14.72-.58.9-.67 1-.59.79.08 2-.39a3.26 3.26 0 002-2.9c.23-1.43-8.9 2.82-8.9 2.82z"
+      />
+    </svg>
+  );
+}
+
+export default SvgCalltaskIllustration;

package/v2Containers/Assets/images/EmailIllustration.js

@@ -0,0 +1,87 @@
+import * as React from "react";
+
+function SvgEmailIllustration(props) {
+  return (
+    <svg
+      id="emailIllustration_svg__Layer_1"
+      data-name="Layer 1"
+      viewBox="0 0 152 152"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      {...props}
+    >
+      <defs>
+        <clipPath id="emailIllustration_svg__clip-path">
+          <rect
+            x={96.29}
+            y={58.37}
+            width={42.25}
+            height={31.24}
+            rx={2.83}
+            transform="rotate(25.46 117.417 73.99)"
+            fill="none"
+          />
+        </clipPath>
+        <style>
+          {
+            ".emailIllustration_svg__cls-2{fill:#fec52e}.emailIllustration_svg__cls-6{fill:#ebecf0}.emailIllustration_svg__cls-9{fill:#a4172a}.emailIllustration_svg__cls-10{fill:#2546b3}"
+          }
+        </style>
+      </defs>
+      <path
+        className="emailIllustration_svg__cls-2"
+        d="M84.75 135s1.23 3 4.14.77-.45-4.08-1.65-4.47-4.24-.1-2.49 3.7zM67.48 136.08s10.14 1.14 10.73-4.79c.46-4.58-10.32-9.94-14.87-7.37-3.29 1.84-5.22 10.49 4.14 12.16zM19.18 47.48c-17 24.8-9.29 47.42 9.37 56.64 10.64 5.24 24.36 10.13 37.37 14.69a165.76 165.76 0 0125.24 11.71 34 34 0 009.36 3.66c9 2 24.43 2 33.64-17.17l.11-.24c5.47-11.53 6.15-26.15 2.89-40.65l-.07-.35c-3.75-16.34-12.54-32.53-25.16-44-.34-.31-.69-.63-1-.93a65.41 65.41 0 00-11.42-8.09c-10.69-5.93-21.18-8-31-7.18-20.29 1.63-37.89 15.25-49.33 31.91z"
+      />
+      <path
+        d="M50.21 50.7c-4.7-.33-9.42-4.44-18.1 5.14a.76.76 0 00.14 1.16s-1.49 1.67 1.89 4a27.74 27.74 0 005.7 3.21s2.16 1.88.16 3.47S19.27 65 15.54 68s2 4.36 2 4.36 11.61-.53 15-.26c16.79 1.36 21.9 5.6 25.19 9.72 4.52 5.65 4.5 9.86 4.78 14.82 1 17.45 9.9 21.9 9.39 27.79 0 0 5.71 2.24 5.25-2-.57-5.25-3.65-11.54-2-14.89 1.83-3.63 4.08-3.15 7.08-12.35.41-1.26 3.1 6.72 5.77.32 1.64-4-.22-5-3.79-6.42-7.28-2.8 6.32-22.13-19.11-27-14.62-2.8-15-5.23-12.18-7.41 2.16-1.67 7.7-1.81 10.87-1.15 3 .62 16.61 6.89 18 1.15 1.64-7.12-24.7-3.49-31.58-3.98z"
+        fill="#fff"
+      />
+      <circle cx={39.05} cy={54.39} r={0.58} fill="#103344" />
+      <g clipPath="url(#emailIllustration_svg__clip-path)">
+        <path
+          className="emailIllustration_svg__cls-6"
+          d="M142 71.77l-11.2 23a2.68 2.68 0 01-1.64 1.39 2.63 2.63 0 01-1.96-.16l-33-16.11a2.69 2.69 0 01-1.24-3.58l11.21-23a2.68 2.68 0 011.46-1.31h.12a2.7 2.7 0 012 .15l33 16.05a2.63 2.63 0 011.32 1.43.14.14 0 010 .06 2.65 2.65 0 01-.07 2.08z"
+        />
+        <path
+          d="M129.14 96.15a2.63 2.63 0 01-1.94-.15l-33-16.11a2.66 2.66 0 01-1.32-1.43l25.42-6.06z"
+          fill="#c7ccd3"
+        />
+        <path
+          d="M142.07 69.63l-25.51 6.22-10.81-23.92a2.7 2.7 0 012 .15l33 16.12a2.63 2.63 0 011.32 1.43z"
+          fill="#f4f5f7"
+        />
+        <path
+          className="emailIllustration_svg__cls-6"
+          d="M129.82 97.03l-.19.1.11.06.08-.16z"
+        />
+        <path
+          className="emailIllustration_svg__cls-9"
+          d="M105.26 55.31l-3.09 1.64-1.56 3.24 3.09-1.64 1.56-3.24zM109.54 55.47l2.44-1.29-2.4-1.15-2.44 1.29 2.4 1.15zM137.75 68.98l2.43-1.29-2.4-1.15-2.44 1.29 2.41 1.15zM118.8 59.9l2.43-1.28-2.4-1.15-2.43 1.28 2.4 1.15zM99.27 67.8l-3.09 1.63-1.55 3.24 3.09-1.63 1.55-3.24zM128.27 64.44l2.44-1.29-2.4-1.15-2.44 1.29 2.4 1.15zM115.78 87.71l-2.77 1.46 2.41 1.15 2.76-1.46-2.4-1.15zM129.62 92.36l3.26-1.72 1.55-3.24-3.26 1.73-1.55 3.23zM137.29 76.34l-1.55 3.24 3.26-1.72 1.56-3.24-3.27 1.72zM106.31 83.17l-2.77 1.47 2.4 1.14 2.77-1.46-2.4-1.15zM125.26 92.25l-2.77 1.46 2.4 1.15 2.77-1.46-2.4-1.15zM96.83 78.63l-2.76 1.46 2.4 1.16 2.76-1.47-2.4-1.15z"
+        />
+        <path
+          className="emailIllustration_svg__cls-10"
+          d="M123.53 62.17l2.44-1.29-2.4-1.15-2.44 1.29 2.4 1.15zM114.06 57.63l2.44-1.28-2.41-1.15-2.43 1.28 2.4 1.15zM105.08 50.87l-1.54 3.22 3.92-2.07-2.38-1.15zM140.25 70.18l-1.45 3.01 3.26-1.72 1.13-2.34-.67-.32-2.44 1.29.17.08zM135.94 84.25l1.55-3.24-3.26 1.72-1.55 3.24 3.26-1.72zM133.01 66.71l2.43-1.29-2.4-1.15-2.43 1.29 2.4 1.15zM101.57 80.9l-2.77 1.46 2.4 1.16 2.77-1.47-2.4-1.15zM120.52 89.98l-2.77 1.46 2.4 1.15 2.77-1.46-2.4-1.15zM131.37 93.79l-4.15 2.19 2.41 1.15.11.06 1.63-3.4zM111.05 85.44l-2.77 1.46 2.4 1.15 2.77-1.46-2.4-1.15zM102.34 61.41l-3.09 1.63-1.56 3.24 3.09-1.63 1.56-3.24zM96.21 74.19l-3.09 1.63-1.49 3.11.1.05 2.93-1.55 1.55-3.24z"
+        />
+        <path
+          className="emailIllustration_svg__cls-6"
+          d="M106.01 53.84l1.07.51 2.5-1.32-2.12-1.01-3.92 2.07-1.37 2.86 3.15-1.67.69-1.44zM111.6 56.52l2.49-1.32-2.11-1.02-2.5 1.32 2.12 1.02zM116.33 58.78l2.5-1.31-2.33-1.12-2.5 1.31 2.33 1.12zM103.77 58.52l-3.16 1.67-1.36 2.85 3.15-1.67 1.37-2.85zM100.85 64.61l-3.16 1.67-1.51 3.15 3.16-1.67 1.51-3.15zM125.81 63.32l2.5-1.32-2.34-1.12-2.5 1.32 2.34 1.12zM135.28 67.86l2.5-1.32-2.34-1.12-2.49 1.32 2.33 1.12zM140.02 70.13l2.5-1.32-2.34-1.12-2.5 1.32 2.34 1.12zM97.79 71l-3.16 1.67-1.51 3.15 3.16-1.67L97.79 71zM121.07 61.05l2.5-1.32-2.34-1.11-2.49 1.32 2.33 1.11zM130.55 65.59l2.49-1.32-2.33-1.12-2.5 1.32 2.34 1.12zM128.79 93.95l-1.14-.55-2.76 1.46 2.33 1.12 4.15-2.19 1.51-3.15-3.35 1.77-.74 1.54zM131.08 89.17l3.35-1.77 1.51-3.15-3.35 1.77-1.51 3.15zM138.71 73.24l-1.51 3.15 3.36-1.77 1.5-3.15-3.35 1.77zM122.92 91.13l-2.77 1.46 2.34 1.12 2.76-1.46-2.33-1.12zM134.14 82.78l3.35-1.77 1.51-3.15-3.35 1.77-1.51 3.15zM113.44 86.59l-2.76 1.46 2.33 1.12 2.77-1.46-2.34-1.12zM99.23 79.79l-2.76 1.46 2.33 1.11 2.77-1.45-2.34-1.12zM103.97 82.06l-2.77 1.46 2.34 1.12 2.76-1.47-2.33-1.11zM118.18 88.86l-2.76 1.46 2.33 1.12 2.76-1.46-2.33-1.12zM94.64 77.58l.09-.19-3 1.59 2.34 1.11 2.76-1.45-2.19-1.06zM108.7 84.33l-2.76 1.45 2.34 1.12 2.76-1.46-2.34-1.11z"
+        />
+      </g>
+      <path
+        d="M112.12 100.58l6.15 12.3a1.43 1.43 0 01.06 1.16 1.46 1.46 0 01-.7.77l-17.7 8.85A1.46 1.46 0 0198 123l-6.15-12.3a1.48 1.48 0 01-.08-1.09v-.07a1.44 1.44 0 01.7-.78l17.7-8.84a1.4 1.4 0 011-.09 1.39 1.39 0 01.95.75z"
+        fill="#279ae0"
+      />
+      <path
+        d="M118.33 114a1.46 1.46 0 01-.7.77l-17.7 8.85a1.43 1.43 0 01-1.05.09l5.74-12.84z"
+        fill="#0071bb"
+      />
+      <path
+        d="M111.23 99.84l-5.69 12.93-13.75-3.22a1.44 1.44 0 01.7-.78l17.7-8.84a1.4 1.4 0 011.04-.09z"
+        fill="#00adef"
+      />
+    </svg>
+  );
+}
+
+export default SvgEmailIllustration;

package/v2Containers/Assets/images/ImageGalleryIllustration.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+
+function SvgImageGalleryIllustration(props) {
+  return (
+    <svg
+      id="imageGalleryIllustration_svg__Layer_1"
+      data-name="Layer 1"
+      viewBox="0 0 152 152"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      {...props}
+    >
+      <defs>
+        <style>
+          {
+            ".imageGalleryIllustration_svg__cls-1{fill:#fec52e}.imageGalleryIllustration_svg__cls-2{fill:#fff}"
+          }
+        </style>
+      </defs>
+      <path
+        className="imageGalleryIllustration_svg__cls-1"
+        d="M124.09 99c-1.06.77-2.7 3.56 1.61 4.36 0 0 3.31.82 3.17-3s-3.72-2.12-4.78-1.36zM140.67 50.71c0-.07-.09-.16-.14-.24-6.39-11.65-18.3-21.14-32.53-27.24a2.52 2.52 0 00-.34-.15c-16.08-6.81-35.09-9.28-52.49-5.64-.47.09-1 .19-1.42.31A68 68 0 0040 22.45c-11.53 5.4-19.65 13-25 21.81-7.37 12.11-9.45 26.51-7.89 40.67 4-.94 31.52-7.71 40.52-15.68 9.7-8.59 23.42-8.54 28.53.56 5.41 9.62-15.23 19.67-18 24.1S51.63 122.1 26 127.37c11.63 10.3 26.55 11.35 39.39 4.57 10.92-5.77 23.41-14.37 35.2-22.56a170.74 170.74 0 0125.28-14.15 35.5 35.5 0 008.8-5.67c7.11-6.38 16.52-19.4 6-38.85zM118.58 106.63c-3.59-3.19-14.69 2.63-15.3 8-.45 3.89 5.68 10.81 12.79 3.93 0 .04 7.15-7.82 2.51-11.93z"
+      />
+      <path
+        className="imageGalleryIllustration_svg__cls-2"
+        d="M58.16 93.91c2.77-4.43 23.41-14.48 18-24.1-5.11-9.1-18.83-9.15-28.53-.56-9 8-36.57 14.74-40.52 15.68a90.52 90.52 0 004.74 20.36c3.47 9.72 8.4 17 14.11 22.08 25.67-5.27 29.49-29.14 32.2-33.46z"
+      />
+      <path
+        className="imageGalleryIllustration_svg__cls-2"
+        d="M55.18 64.15s-3.29 0-2-1.11 4.63.45 4.63.45-4.1-3.22-2.5-3.3 4.77 3.15 4.77 3.15z"
+      />
+      <path
+        d="M85.59 102.65l-24.12.16s-1.18-4.25-1.41-5.7a68.58 68.58 0 01-.87-14.28l.5-.63L83 86.92c0 4 2.77 11.11 3.61 15z"
+        fill="#188f8f"
+      />
+      <path
+        d="M86.57 101.92H61.88l-.81-3.53a51.86 51.86 0 01-1.34-11.3V82.2h24.65v4.48A52.13 52.13 0 0085.67 98z"
+        fill="#1eb8b8"
+      />
+      <path
+        className="imageGalleryIllustration_svg__cls-2"
+        d="M62.51 98.77h15.34l-8-6.52s-7.5 6.65-7.34 6.52zM73.77 94.5l5 4.12h5.25l-7.53-6.15a22.84 22.84 0 00-2.72 2.03z"
+      />
+      <circle
+        className="imageGalleryIllustration_svg__cls-2"
+        cx={79.05}
+        cy={89.02}
+        r={2.93}
+      />
+      <path
+        d="M69.27 81.77s1.48-5 6.79-5.13c0 0 3.43 5.07-.56 9.63s-.59-1.58-6.23-4.5z"
+        fill="#ea4cb5"
+      />
+      <circle cx={65.73} cy={73.07} r={0.95} />
+    </svg>
+  );
+}
+
+export default SvgImageGalleryIllustration;

package/v2Containers/Assets/images/PushIllustration.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+
+function SvgPushIllustration(props) {
+  return (
+    <svg
+      id="pushIllustration_svg__Layer_1"
+      data-name="Layer 1"
+      viewBox="0 0 152 152"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      {...props}
+    >
+      <defs>
+        <style>
+          {
+            ".pushIllustration_svg__cls-1{fill:#fec52e}.pushIllustration_svg__cls-2{fill:#ed4d61}"
+          }
+        </style>
+      </defs>
+      <path
+        className="pushIllustration_svg__cls-1"
+        d="M88 114.77c-.37 3.5-4.07 5.38-5.62 4.86a3.51 3.51 0 01-2.2-1.92l-8.7 6.78a1.29 1.29 0 01-1.82-.23L45.32 93a1.3 1.3 0 01.23-1.83l15.13-11.81a1.29 1.29 0 011.82.22L83 105.94c6.48-11.72 20.78-14.94 26.22-20.35 3.35-3.34 1.47-9.21-3-10.28-11.06-2.63-9 .16-17.16 2.44-1.3.35-2.61 2.63-6.1 3a5.51 5.51 0 01-5.17-2.14c-4.66-.36-3.09-5.37-3.27-6.94s-2.29-4.4-2.46-6.13-.31-3.49-.31-3.49c-.23-2.32 2.11-4.39 3-8.32s-3.49-7.37-3.18-8.33c.61-1.82 7.41-.08 10 .35 1.83.3 6.63-.79 10.61-2.36 1.46-.57 30.5-13.14 39.21-14.4-2.4-8.09-8.62-16.71-23.57-20l-.25-.06C94.74 6.13 80 8.84 66.25 15.47c-.12.06-.24.1-.34.16C50.45 23.17 36.32 35.71 27.78 51c-.24.41-.48.83-.7 1.26a68.2 68.2 0 00-5.43 13.29c-3.43 12.06-3 23 .05 32.69 6.35 19.81 24.05 34.23 43.36 41.79 28.73 11.24 49.54-1.75 54.41-22.54a248.26 248.26 0 004.18-25.09c-6.13 2-11.62 4.46-20.14 7.35-7.58 2.58-15.1 11.33-15.51 15.02z"
+      />
+      <path
+        className="pushIllustration_svg__cls-2"
+        d="M60.68 79.36L45.55 91.14a1.3 1.3 0 00-.23 1.86l24.38 31.26a1.29 1.29 0 001.82.23l8.7-6.78A3.5 3.5 0 0180 116c.09-.87.22-1.71.38-2.52l-9.53 7.42a1.29 1.29 0 01-1.82-.23L47.84 93.46a1.3 1.3 0 01.22-1.82l12.48-9.72a1.31 1.31 0 011.83.22L82.2 107.6c.26-.57.54-1.12.84-1.66L62.5 79.58a1.29 1.29 0 00-1.82-.22z"
+      />
+      <path
+        d="M62.37 82.14a1.31 1.31 0 00-1.83-.22l-12.48 9.72a1.3 1.3 0 00-.22 1.82L69 120.65a1.29 1.29 0 001.82.23l9.53-7.42a25.78 25.78 0 011.83-5.86z"
+        fill="#fff"
+      />
+      <ellipse cx={79.93} cy={67.57} rx={0.98} ry={1.05} />
+      <path
+        d="M102.8 92.61l-12.66-7.84 5.55-4.68A8.46 8.46 0 0097 78.67l1.43-2a4.31 4.31 0 015.64-1.21 4.31 4.31 0 011.82 5.4l-.89 2.27a9 9 0 00-.55 1.85z"
+        fill="#df711f"
+      />
+      <ellipse
+        cx={96.24}
+        cy={88.95}
+        rx={2.53}
+        ry={7.52}
+        transform="rotate(-59.5 96.255 88.95)"
+        fill="#7c3f10"
+      />
+      <circle
+        className="pushIllustration_svg__cls-1"
+        cx={96.67}
+        cy={88.11}
+        r={1.82}
+      />
+      <path
+        className="pushIllustration_svg__cls-2"
+        d="M86.73 91.84a.51.51 0 01-.39-.19 8.05 8.05 0 01-1.78-7 .51.51 0 01.63-.33.5.5 0 01.33.62 7.07 7.07 0 001.6 6.06.5.5 0 01-.08.7.51.51 0 01-.31.14zM83.91 95.36a.51.51 0 01-.36-.15c-4.85-4.92-3.29-9.84-3.22-10a.51.51 0 01.63-.32.52.52 0 01.32.64c-.06.18-1.42 4.56 3 9a.5.5 0 010 .71.52.52 0 01-.37.12z"
+      />
+    </svg>
+  );
+}
+
+export default SvgPushIllustration;

package/v2Containers/Assets/images/SmsIllustration.js

@@ -0,0 +1,191 @@
+import * as React from "react";
+
+function SvgSmsIllustration(props) {
+  return (
+    <svg
+      id="smsIllustration_svg__Layer_1"
+      data-name="Layer 1"
+      viewBox="0 0 152 152"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      {...props}
+    >
+      <defs>
+        <style>
+          {
+            ".smsIllustration_svg__cls-2{fill:#f0df32}.smsIllustration_svg__cls-3{fill:#f87d22}.smsIllustration_svg__cls-4{fill:#fff}"
+          }
+        </style>
+      </defs>
+      <path
+        d="M102.38 15.26s-2.76.77-2.19 2.48 3.65 2 4.6.58.13-3.81-2.41-3.06zm14.38 5.08a4.15 4.15 0 00-5.33-2.34s-4.71 1.05-3.19 3.81 4.58 5.29 7.15 5.47 2.17-5.2 1.37-6.94zm27.79 73.88c-.22-8-5-14.76-14.69-23.77a37.39 37.39 0 01-8.36-11.12 45.72 45.72 0 01-2.82-7.56c-.8-2.85-1.39-5.72-2-8.6-2.1-9.24-6.51-20.78-30.43-26-21.69-4.76-43.91 4.64-63.5 27.09A63.88 63.88 0 009.94 66.4C7.59 73.53 6.2 82.14 9 89.54c6.09 16.16 27.07 14.7 36.52 18.26s17.2 16.57 23.71 21a49.36 49.36 0 0047.63 3.57c22.23-10.1 27.9-30.11 27.69-38.15z"
+        fill="#103344"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        d="M107.6 66.34L97 65.67a2 2 0 00-2.11 1.86l-.43 6.92a2 2 0 001.85 2.11l5.28.33-.14 2.25 2.38-2.1 3 .19a2 2 0 002.1-1.86l.44-6.92a2 2 0 00-1.77-2.11z"
+      />
+      <ellipse
+        className="smsIllustration_svg__cls-2"
+        cx={50.46}
+        cy={61.84}
+        rx={1.03}
+        ry={0.99}
+      />
+      <ellipse
+        className="smsIllustration_svg__cls-2"
+        cx={78.27}
+        cy={44.43}
+        rx={1.27}
+        ry={1.2}
+      />
+      <ellipse
+        className="smsIllustration_svg__cls-2"
+        cx={73.51}
+        cy={54.5}
+        rx={1.14}
+        ry={1.07}
+      />
+      <ellipse
+        className="smsIllustration_svg__cls-2"
+        cx={55.68}
+        cy={34.22}
+        rx={1.14}
+        ry={1.07}
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(3.62 102.297 69.623)"
+        d="M97.58 69.15h9.51v.81h-9.51z"
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(3.62 102.194 71.368)"
+        d="M97.47 70.92h9.51v.81h-9.51z"
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(3.62 100.355 73.327)"
+        d="M97.34 72.86h6.1v.81h-6.1z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        d="M98.05 32.06l-5.65-.17a1.06 1.06 0 00-1.09 1l-.11 3.7a1.06 1.06 0 001 1.1l2.82.08L95 39l1.24-1.16h1.62a1.05 1.05 0 001.09-1l.12-3.7a1.08 1.08 0 00-1.02-1.08z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 95.362 33.79)"
+        d="M92.76 33.65h5.08v.43h-5.08z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 95.377 34.779)"
+        d="M92.73 34.6h5.08v.43h-5.08z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 94.41 36.11)"
+        d="M92.69 35.67h3.26v.43h-3.26z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        d="M93.35 53.13L91 53.06a.43.43 0 00-.45.43v1.55a.45.45 0 00.43.46h1.18v.5l.51-.49h.68a.45.45 0 00.46-.43v-1.55a.45.45 0 00-.46-.4z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 92.374 53.926)"
+        d="M91.13 53.79h2.13v.18h-2.13z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 92.38 54.255)"
+        d="M91.12 54.19h2.13v.18h-2.13z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        transform="rotate(1.74 92.06 54.919)"
+        d="M91.11 54.64h1.36v.18h-1.36z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        d="M75 33.11L72.7 33a.42.42 0 00-.43.41v1.47a.41.41 0 00.4.43h1.12v.47l.49-.46h.65a.42.42 0 00.43-.41v-1.47a.41.41 0 00-.36-.33z"
+      />
+      <circle
+        className="smsIllustration_svg__cls-2"
+        cx={27.34}
+        cy={69.11}
+        r={0.27}
+      />
+      <circle
+        className="smsIllustration_svg__cls-2"
+        cx={40.71}
+        cy={60.39}
+        r={0.32}
+      />
+      <circle
+        className="smsIllustration_svg__cls-2"
+        cx={43.89}
+        cy={43.83}
+        r={0.48}
+      />
+      <circle
+        className="smsIllustration_svg__cls-2"
+        cx={54.46}
+        cy={48.33}
+        r={0.48}
+      />
+      <circle
+        className="smsIllustration_svg__cls-2"
+        cx={33.59}
+        cy={54.75}
+        r={0.63}
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M83.31 90.69c2-3.1 4.3-2.11 4.92-1.63 1 .76.61 1.94-2.42 4.73-2.84 2.61-5.31 4.52-8.66 7.58-6.38 5.83-7.9 8.13-7.9 8.13s-.89-1.14 2.08-5.61a21.54 21.54 0 012.86-4s7.57-6.81 9.12-9.2z"
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M77.73 100.8h-.12c-.9-.21-22.07-5.26-26.9-13.28a13.63 13.63 0 01-.1-14.61 12 12 0 0111.92-5.31c4.5.58 9.15 5.68 13.84 15.14a110.23 110.23 0 015.7 14l.05.16zM60.76 68A11.39 11.39 0 0051 73.15a13.15 13.15 0 00.11 14.08c4.53 7.53 24.66 12.58 26.46 13l3.94-3.55c-.72-2.21-9.13-27.34-19.07-28.64a14.28 14.28 0 00-1.68-.04z"
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M58.31 107.72a9.84 9.84 0 01-5.41-1.32c-4.18-2.75-4.7-5.66-4.64-7.16A5.24 5.24 0 0151 94.85c3.29-1.78 17.76 2.79 18.38 3a.26.26 0 01.16.32.25.25 0 01-.31.16c-.15 0-14.89-4.69-18-3a4.73 4.73 0 00-2.44 4c-.06 1.39.44 4.11 4.42 6.72 6 4 20.83-2.9 21.63-3.27l2.46-2.24a.24.24 0 01.35 0 .25.25 0 010 .36l-2.49 2.26a.09.09 0 01-.06 0c-.54.22-9.7 4.56-16.79 4.56zM80.26 96.75L57.7 68.24l.19-.16 22.57 28.51-.2.16zM78.69 98.94C65.63 86 49.52 76.25 49.36 76.15l.13-.21c.16.1 16.3 9.86 29.38 22.82z"
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M51.49 105a.13.13 0 01-.13-.11.14.14 0 01.11-.14l24-3.07-26-4.56a.14.14 0 01-.1-.15.13.13 0 01.15-.1l26.85 4.71a.12.12 0 01.1.12.11.11 0 01-.11.12L51.5 105zM70.76 84.71a7 7 0 01-.38-.95l.24-.08c.19.56.36.91.36.92zM70.17 83c-.08-.33-.14-.67-.19-1h.25a8.26 8.26 0 00.18 1zm-.26-1.76V81v-.69h.25v.98zm.39-1.71l-.24-.06a5.45 5.45 0 01.3-1l.23.09a5.71 5.71 0 00-.29 1zm.62-1.53l-.22-.13a5.29 5.29 0 01.6-.83l.19.17a4.79 4.79 0 00-.57.79zM72 76.65l-.17-.19.48-.39.15.2a5.81 5.81 0 00-.46.38zM64.22 76.37a7.53 7.53 0 01-.41-.93l.23-.09a8 8 0 00.4.9zm-.64-1.66a8.75 8.75 0 01-.18-1h.25a7.87 7.87 0 00.17 1zm0-1.76h-.25a7 7 0 01.08-1h.24a8.22 8.22 0 00-.03 1.05zm.22-1.71l-.24-.06a6.71 6.71 0 01.31-1l.23.09a8.37 8.37 0 00-.26.97zm.6-1.61l-.23-.11a6 6 0 01.53-.88l.2.15a5.33 5.33 0 00-.46.84zM79.53 97.75l-.53-.59.19-.16c.58.65.58.65.55.72l-.23-.1h.11zm-1-1.15l-.67-.75.18-.16.68.75zm-1.18-1.3l-.67-.75.19-.17.67.75zm-1.2-1.3l-.68-.74.19-.17.67.75zM75 92.7l-.71-.7.18-.17.68.74zm-1.18-1.29l-.68-.74.18-.17.68.74zm-1.19-1.29l-.68-.74.18-.17.68.74zm-1.23-1.29l-.69-.73.18-.17.69.73zm-1.2-1.27l-.69-.73.18-.17.69.72zM69 86.28l-.69-.72.18-.17.69.72zM67.78 85l-.7-.72.18-.17.7.71zm-1.22-1.26l-.71-.71.18-.18c.23.23.45.47.69.7zm-1.24-1.24l-.71-.7.17-.18.72.7zm-1.25-1.23l-.73-.69.18-.18.72.69zm-1.28-1.2l-.74-.66.16-.19c.24.2.49.43.75.67zm-1.31-1.15c-.31-.25-.57-.45-.79-.6l.14-.21c.23.16.49.36.8.62zm-7.24-.07l-.15-.2a7 7 0 01.88-.52l.11.22a7.5 7.5 0 00-.84.52zm1.52-.8l-.09-.23a7.2 7.2 0 011-.3l.06.24a6.76 6.76 0 00-.97.31zm4.3-.09a6.33 6.33 0 00-.94-.28l.05-.24a4.8 4.8 0 011 .29zm-2.64-.33v-.25a5.8 5.8 0 011 0v.25a6.43 6.43 0 00-1 .02zM77.72 99.63a.17.17 0 01-.12-.06l-.68-.57.16-.2.68.57-.07.1.07.09a.11.11 0 01-.04.07zm-1.38-1.1l-.78-.63.16-.19.78.63zM75 97.43l-.79-.62.16-.2.79.63zm-1.38-1.08l-.79-.61.15-.2.8.61zm-1.42-1.07l-.8-.6.15-.2.8.6zm-1.4-1l-.8-.63.14-.2c.28.19.55.39.81.59zm-1.42-1l-.82-.57.14-.21.82.58zm-1.44-1l-.83-.55.13-.21.84.56zm-1.46-1l-.85-.54.14-.21c.28.18.56.35.84.54zM65 90.32l-.86-.5.12-.22.87.51zM53.27 90l-.27-.14a4 4 0 01.64-.82l.17.17a3.44 3.44 0 00-.54.79zm10.21-.52l-.89-.48.11-.22.89.46zm-9.08-.73l-.15-.2a5.22 5.22 0 01.88-.52l.11.22a5 5 0 00-.84.48zm7.51 0c-.32-.14-.63-.27-.92-.37l.09-.24c.29.11.6.23.93.38zm-1.63-.6a9.19 9.19 0 00-1-.23v-.24c.32.06.65.14 1 .23zM55.92 88l-.07-.24a6.46 6.46 0 011-.22v.25a6.07 6.07 0 00-.93.21zm2.67-.22a8 8 0 00-.84 0h-.14v-.25h.15a8.71 8.71 0 01.87 0z"
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M53.2 104.46a1.08 1.08 0 010-.16 2.33 2.33 0 01.2-.89l.23.1a2.11 2.11 0 00-.18.79.68.68 0 000 .12zm.8-1.55l-.19-.16a3.21 3.21 0 01.77-.68l.14.2a3.49 3.49 0 00-.72.64zm1.35-1l-.1-.23a5.53 5.53 0 011-.36l.07.24a7.05 7.05 0 00-.97.36zm16.55-.23l-1-.12v-.25l1 .12zm-1.74-.2l-1-.1v-.25l1 .1zm-13.16-.1v-.24c.3-.07.64-.13 1-.18v.25a8.65 8.65 0 00-1 .17zm11.44-.06l-1-.08v-.25l1 .08zm-1.75-.14h-1v-.25h1zm-8-.06v-.25c.33 0 .66-.06 1-.07v.25c-.34.01-.69.04-.99.07zm6.23 0h-1v-.25h1zm-4.48-.12v-.25h1v.25zm2.74 0h-1v-.25h1z"
+      />
+      <path
+        className="smsIllustration_svg__cls-2"
+        d="M102.21 100.79l-19.59-4.27a3.76 3.76 0 00-4.48 2.87l-2.8 12.86a3.75 3.75 0 002.87 4.47l9.8 2.14-.91 4.14 5.07-3.26L97.8 121a3.77 3.77 0 004.48-2.88l2.8-12.85a3.76 3.76 0 00-2.87-4.48z"
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(12.3 91.428 105.296)"
+        d="M82.41 104.54h18.03v1.53H82.41z"
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(12.3 90.706 108.613)"
+        d="M81.7 107.82h18.03v1.53H81.7z"
+      />
+      <path
+        className="smsIllustration_svg__cls-3"
+        transform="rotate(12.3 86.722 111.718)"
+        d="M80.94 110.94H92.5v1.53H80.94z"
+      />
+      <path
+        className="smsIllustration_svg__cls-4"
+        d="M70.76 68.24s14.94-5.45 14.36 7.91C85 79.53 83.24 89.9 83.24 89.9s1.42-12.11 1.44-14.57c.03-4.64-3.96-9.93-13.92-7.09z"
+      />
+    </svg>
+  );
+}
+
+export default SvgSmsIllustration;