@capillarytech/creatives-library 3.4.5 → 3.4.7

package/components/TemplatePreview/assets/images/home-screen-android.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="evenodd">
+        <rect width="220" height="472" fill="#101211" rx="26"/>
+        <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"/>
+        <rect width="202" height="404" x="9" y="36" fill="#E51FA3" rx="9"/>
+        <path fill="#F4F5F7" d="M20.692 152h178.616c2.675 0 3.645.278 4.623.801.977.523 1.745 1.29 2.268 2.268.523.978.801 1.948.801 4.623v78.616c0 2.675-.278 3.645-.801 4.623-.523.977-1.29 1.745-2.268 2.268-.978.523-1.948.801-4.623.801H20.692c-2.675 0-3.645-.278-4.623-.801-.977-.523-1.745-1.29-2.268-2.268-.523-.978-.801-1.948-.801-4.623v-78.616c0-2.675.278-3.645.801-4.623.523-.977 1.29-1.745 2.268-2.268.978-.523 1.948-.801 4.623-.801z"/>
+        <text fill="#5E5E5E" font-family="Roboto-Regular, Roboto" font-size="10">
+            <tspan x="25" y="169">Messages</tspan>
+        </text>
+        <text fill="#5E5E5E" font-family="Roboto-Regular, Roboto" font-size="10">
+            <tspan x="85.146" y="169">now</tspan>
+        </text>
+        <circle cx="78" cy="167" r="1" fill="#5E5E5E" fill-rule="nonzero"/>
+        <path fill="#5E5E5E" d="M116.725 163.048L113.424 166.342 110.123 163.048 109.109 164.062 113.424 168.377 117.739 164.062z"/>
+        <path fill="#FFF" fill-opacity=".6" d="M113.75 419.333h-.625v-1.238c0-1.708-1.4-3.095-3.125-3.095s-3.125 1.387-3.125 3.095v1.238h-.625c-.688 0-1.25.557-1.25 1.238v6.19c0 .682.563 1.239 1.25 1.239h7.5c.688 0 1.25-.557 1.25-1.238v-6.19c0-.682-.563-1.239-1.25-1.239zM110 425c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-6h-4v-1.176c0-1.006.897-1.824 2-1.824s2 .818 2 1.824V419z"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M86.325 111.884l6.192-8.676-.072-.072c-.84.576-1.908.864-3.204.864-1.248 0-2.472-.348-3.672-1.044-1.2-.696-2.172-1.65-2.916-2.862-.744-1.212-1.116-2.562-1.116-4.05 0-1.44.378-2.79 1.134-4.05.756-1.26 1.776-2.274 3.06-3.042 1.284-.768 2.682-1.152 4.194-1.152 1.632 0 3.09.396 4.374 1.188 1.284.792 2.28 1.818 2.988 3.078.708 1.26 1.062 2.586 1.062 3.978 0 1.32-.27 2.586-.81 3.798-.54 1.212-1.314 2.562-2.322 4.05l-6.444 9.684-2.448-1.692zm3.6-10.62c.96 0 1.854-.234 2.682-.702.828-.468 1.482-1.104 1.962-1.908.48-.804.72-1.686.72-2.646 0-.984-.24-1.878-.72-2.682s-1.134-1.44-1.962-1.908c-.828-.468-1.722-.702-2.682-.702s-1.848.234-2.664.702c-.816.468-1.464 1.104-1.944 1.908-.48.804-.72 1.698-.72 2.682 0 .96.24 1.842.72 2.646.48.804 1.128 1.44 1.944 1.908.816.468 1.704.702 2.664.702zm13.806-2.232c-.648 0-1.194-.222-1.638-.666-.444-.444-.666-.99-.666-1.638 0-.648.222-1.194.666-1.638.444-.444.99-.666 1.638-.666.624 0 1.158.222 1.602.666.444.444.666.99.666 1.638 0 .648-.222 1.194-.666 1.638-.444.444-.978.666-1.602.666zm0 14.184c-.648 0-1.194-.222-1.638-.666-.444-.444-.666-.99-.666-1.638 0-.624.222-1.158.666-1.602.444-.444.99-.666 1.638-.666.624 0 1.158.222 1.602.666.444.444.666.978.666 1.602 0 .648-.222 1.194-.666 1.638-.444.444-.978.666-1.602.666zm17.191-5.508h-11.808v-2.304l11.52-17.028h3.312v16.452h3.168v2.88h-3.168V113h-3.024v-5.292zm0-2.88V92.84h-.144l-8.172 11.988h8.316zm14.527-12.168l-4.32 3.096-1.584-2.34 7.02-5.04h1.944V113h-3.06V92.66zM90.177 134.16c-.56 0-1.074-.17-1.54-.51-.467-.34-.787-.817-.96-1.43l.81-.33c.113.427.323.777.63 1.05.306.273.666.41 1.08.41.413 0 .763-.112 1.05-.335.286-.223.43-.528.43-.915 0-.333-.122-.608-.365-.825-.244-.217-.642-.418-1.195-.605l-.45-.16c-.507-.18-.92-.417-1.24-.71-.32-.293-.48-.7-.48-1.22 0-.34.093-.655.28-.945.186-.29.446-.522.78-.695.333-.173.706-.26 1.12-.26.413 0 .773.077 1.08.23.306.153.551.34.735.56.183.22.311.437.385.65l-.8.34c-.067-.247-.219-.47-.455-.67-.237-.2-.549-.3-.935-.3-.367 0-.68.103-.94.31-.26.207-.39.467-.39.78 0 .28.11.508.33.685.22.177.553.342 1 .495l.47.16c.606.22 1.08.495 1.42.825.34.33.51.778.51 1.345 0 .46-.119.847-.355 1.16-.237.313-.535.543-.895.69-.36.147-.73.22-1.11.22zm4.995 0c-.614 0-1.082-.18-1.405-.54-.324-.36-.485-.863-.485-1.51v-3.21h.85v3.08c0 .487.11.843.33 1.07.22.227.516.34.89.34.286 0 .541-.077.765-.23.223-.153.396-.353.52-.6.123-.247.185-.507.185-.78v-2.88h.85v5.1h-.81v-.74h-.04c-.14.253-.364.467-.67.64-.307.173-.634.26-.98.26zm3.615-5.26h.81v.75h.04c.14-.253.363-.468.67-.645.307-.177.633-.265.98-.265.613 0 1.082.178 1.405.535.323.357.485.842.485 1.455V134h-.85v-3.14c0-.473-.113-.817-.34-1.03-.227-.213-.537-.32-.93-.32-.273 0-.518.077-.735.23-.217.153-.385.355-.505.605s-.18.512-.18.785V134h-.85v-5.1zm8.88 5.26c-.526 0-.986-.145-1.38-.435-.393-.29-.67-.698-.83-1.225l.8-.33c.24.787.71 1.18 1.41 1.18.394 0 .709-.137.945-.41.237-.273.355-.633.355-1.08v-5.02h.85v4.95c0 .5-.091.928-.275 1.285-.183.357-.436.627-.76.81-.323.183-.695.275-1.115.275zm5.065 0c-.613 0-1.081-.18-1.405-.54-.323-.36-.485-.863-.485-1.51v-3.21h.85v3.08c0 .487.11.843.33 1.07.22.227.517.34.89.34.287 0 .542-.077.765-.23.224-.153.397-.353.52-.6.124-.247.185-.507.185-.78v-2.88h.85v5.1h-.81v-.74h-.04c-.14.253-.363.467-.67.64-.306.173-.633.26-.98.26zm3.616-7.32h.85V134h-.85v-7.16zm2.525 7.22c-.18 0-.332-.062-.455-.185-.124-.123-.185-.275-.185-.455 0-.173.061-.322.185-.445.123-.123.275-.185.455-.185.173 0 .321.062.445.185.123.123.185.272.185.445 0 .18-.062.332-.185.455-.124.123-.272.185-.445.185zm3.67-.91c.207-.207.617-.622 1.23-1.245.613-.623 1.04-1.065 1.28-1.325.34-.367.57-.653.69-.86.12-.207.18-.457.18-.75 0-.2-.052-.388-.155-.565-.103-.177-.253-.32-.45-.43-.197-.11-.432-.165-.705-.165-.36 0-.648.105-.865.315-.217.21-.358.438-.425.685l-.78-.31c.067-.213.187-.435.36-.665.173-.23.407-.427.7-.59.293-.163.64-.245 1.04-.245.42 0 .792.09 1.115.27.323.18.575.42.755.72.18.3.27.623.27.97 0 .7-.367 1.423-1.1 2.17l-2.05 2.06h3.23v.81h-4.32v-.85zm6.435.54l1.72-2.41-.02-.02c-.233.16-.53.24-.89.24-.346 0-.686-.097-1.02-.29-.333-.193-.603-.458-.81-.795-.206-.337-.31-.712-.31-1.125 0-.4.105-.775.315-1.125.21-.35.494-.632.85-.845.357-.213.745-.32 1.165-.32.454 0 .859.11 1.215.33.357.22.634.505.83.855.197.35.295.718.295 1.105 0 .367-.075.718-.225 1.055-.15.337-.365.712-.645 1.125l-1.79 2.69-.68-.47zm1-2.95c.267 0 .515-.065.745-.195.23-.13.412-.307.545-.53.134-.223.2-.468.2-.735 0-.273-.066-.522-.2-.745-.133-.223-.315-.4-.545-.53-.23-.13-.478-.195-.745-.195-.266 0-.513.065-.74.195-.226.13-.406.307-.54.53-.133.223-.2.472-.2.745 0 .267.067.512.2.735.134.223.314.4.54.53.227.13.474.195.74.195z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/home-screen-ios.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="evenodd">
+        <path fill="#101211" fill-rule="nonzero" d="M30.877 0h158.246C206.202 0 220 14.3 220 32v408c0 17.7-13.798 32-30.877 32H30.877C13.798 472 0 457.7 0 440V32C0 14.3 13.798 0 30.877 0z"/>
+        <path fill="#23CCCC" fill-rule="nonzero" d="M55.965 11v3c0 7.2 5.596 13 12.544 13h82.982c6.948 0 12.544-5.8 12.544-13v-3h24.123c12.254 0 22.193 10.3 22.193 23v405c0 12.7-9.939 23-22.193 23H31.842C19.588 462 9.65 451.7 9.65 439V34c0-12.7 9.939-23 22.193-23h24.123z"/>
+        <path fill="#2E2E2E" fill-rule="nonzero" d="M76.566 455h66.868c.695 0 1.303.467 1.303 1 0 .533-.608 1-1.303 1H76.566c-.695 0-1.303-.467-1.303-1 0-.533.608-1 1.303-1z" opacity=".4"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M24.095 242h171.81c2.674 0 3.644.278 4.622.801.978.523 1.745 1.29 2.268 2.268.523.978.801 1.948.801 4.623v61.616c0 2.675-.278 3.645-.8 4.623-.524.977-1.291 1.745-2.269 2.268-.978.523-1.948.801-4.622.801H24.095c-2.674 0-3.644-.278-4.622-.801-.978-.523-1.745-1.29-2.268-2.268-.523-.978-.801-1.948-.801-4.623v-61.616c0-2.675.278-3.645.8-4.623.524-.977 1.291-1.745 2.269-2.268.978-.523 1.948-.801 4.622-.801zM24.095 134h171.81c2.674 0 3.644.278 4.622.801.978.523 1.745 1.29 2.268 2.268.523.978.801 1.948.801 4.623v68.616c0 2.675-.278 3.645-.8 4.623-.524.977-1.291 1.745-2.269 2.268-.978.523-1.948.801-4.622.801H24.095c-2.674 0-3.644-.278-4.622-.801-.978-.523-1.745-1.29-2.268-2.268-.523-.978-.801-1.948-.801-4.623v-68.616c0-2.675.278-3.645.8-4.623.524-.977 1.291-1.745 2.269-2.268.978-.523 1.948-.801 4.622-.801z"/>
+        <path fill="#DFE2E7" d="M16.404 280H203.597V281H16.404z"/>
+        <text fill="#97A0AF" font-family="Roboto-Regular, Roboto" font-size="10">
+            <tspan x="170.386" y="158">NOW</tspan>
+        </text>
+        <text fill="#97A0AF" font-family="Roboto-Regular, Roboto" font-size="10">
+            <tspan x="29" y="158">MESSAGES</tspan>
+        </text>
+        <path fill="#FFF" fill-rule="nonzero" d="M112.991 43.3v-3.7c0-1.7-1.35-3.1-2.991-3.1-1.64 0-2.991 1.4-2.991 3.1v3.7h5.886c0-.1.096-.1.096 0zm1.544.5c.772.5 1.254 1.4 1.254 2.5v4.4c0 1.7-1.254 3-2.894 3h-5.79c-1.64 0-2.894-1.3-2.894-3v-4.4c0-1.1.482-2 1.35-2.5 0-.1-.096-.2-.096-.3v-3.9c0-2.6 2.026-4.6 4.535-4.6 2.509 0 4.535 2.1 4.535 4.6v4.2zM70.067 120.223c.026.488.137.884.333 1.19.374.57 1.031.855 1.974.855.422 0 .806-.063 1.153-.188.67-.242 1.006-.676 1.006-1.3 0-.47-.141-.803-.424-1.003-.286-.195-.735-.365-1.345-.51l-1.125-.263c-.735-.172-1.256-.361-1.56-.568-.529-.36-.792-.897-.792-1.612 0-.773.258-1.408.774-1.904.517-.496 1.248-.744 2.194-.744.87 0 1.61.218 2.219.653.609.436.913 1.132.913 2.089H74.33c-.057-.461-.177-.814-.362-1.06-.343-.45-.925-.674-1.747-.674-.663 0-1.14.144-1.43.433-.29.29-.436.625-.436 1.008 0 .422.17.73.509.926.222.125.726.281 1.51.469l1.164.275c.562.133.995.314 1.3.545.528.402.792.986.792 1.752 0 .953-.334 1.635-1.003 2.045-.67.41-1.447.615-2.333.615-1.032 0-1.84-.273-2.425-.82-.584-.543-.87-1.28-.86-2.21h1.058zm8.038-3.498v4.166c0 .32.05.582.147.785.181.375.519.562 1.012.562.709 0 1.191-.328 1.448-.984.14-.352.209-.834.209-1.447v-3.082h1.018V123h-.962l.012-.926c-.132.239-.296.44-.492.604-.388.328-.86.492-1.414.492-.863 0-1.45-.299-1.764-.897-.17-.32-.254-.748-.254-1.283v-4.265h1.04zm5.59 0h.968v.89c.286-.367.59-.63.91-.79.32-.16.676-.241 1.068-.241.86 0 1.44.31 1.742.932.166.34.248.826.248 1.459V123h-1.034v-3.955c0-.383-.055-.691-.164-.926-.181-.39-.509-.586-.984-.586-.241 0-.439.026-.594.076-.278.086-.523.258-.735.516-.17.207-.28.42-.33.642-.051.22-.077.536-.077.946V123h-1.017v-6.275zm7.253 3.21c0 .672.138 1.235.413 1.688.275.453.716.68 1.323.68.471 0 .858-.21 1.162-.63.303-.42.455-1.023.455-1.808 0-.793-.156-1.38-.47-1.76-.312-.381-.698-.572-1.158-.572-.513 0-.928.203-1.247.61-.318.406-.478 1.003-.478 1.793zm1.533-3.322c.463 0 .851.102 1.164.305.181.117.387.322.616.615v-3.17h.979V123h-.916v-.873c-.238.387-.519.666-.843.838-.324.172-.695.258-1.114.258-.674 0-1.258-.294-1.752-.882-.494-.588-.74-1.37-.74-2.347 0-.914.224-1.706.675-2.376.45-.67 1.094-1.005 1.93-1.005zm5.211 4.717c0 .305.108.545.322.72.215.177.47.264.764.264.358 0 .704-.085 1.04-.257.565-.286.848-.752.848-1.4v-.85c-.124.082-.285.15-.48.205-.197.054-.389.093-.577.117l-.617.082c-.369.05-.646.13-.83.24-.313.184-.47.477-.47.88zm2.465-2.133c.234-.031.39-.133.47-.304.045-.094.067-.229.067-.405 0-.36-.123-.62-.37-.782-.247-.162-.6-.243-1.06-.243-.532 0-.909.148-1.13.445-.125.164-.206.408-.244.733h-.95c.019-.774.261-1.312.727-1.615.465-.302 1.005-.454 1.62-.454.712 0 1.29.14 1.735.422.441.281.662.719.662 1.313v3.615c0 .11.021.197.065.264.043.066.134.1.274.1.045 0 .096-.004.153-.01.056-.005.116-.014.18-.026v.78c-.158.046-.278.075-.361.087-.083.012-.196.018-.34.018-.35 0-.605-.13-.763-.387-.083-.137-.141-.33-.175-.58-.207.281-.505.525-.893.732-.389.207-.816.31-1.284.31-.561 0-1.02-.176-1.377-.53-.356-.353-.534-.795-.534-1.326 0-.583.175-1.034.526-1.354.35-.32.81-.518 1.38-.592l1.622-.21zm7.145-2.472h1.125c-.143.402-.461 1.32-.955 2.754-.37 1.078-.678 1.957-.927 2.636-.588 1.602-1.003 2.578-1.244 2.93-.241.351-.656.527-1.244.527-.143 0-.253-.006-.33-.017-.078-.012-.173-.034-.286-.065v-.96c.177.05.305.081.384.093.08.012.15.018.21.018.188 0 .326-.033.415-.097.089-.065.163-.144.223-.237.02-.032.087-.192.204-.48.117-.29.202-.505.254-.645l-2.239-6.457h1.154l1.622 5.109 1.634-5.11zm1.537 7.5c.26-.047.443-.237.548-.569.057-.176.085-.345.085-.51 0-.027 0-.051-.003-.073-.001-.021-.006-.046-.014-.073h-.616v-1.277h1.21v1.183c0 .465-.09.873-.271 1.225-.181.351-.494.568-.939.65v-.556zm6.172-1.225c.037-.723.181-1.352.432-1.887.25-.535.74-1.021 1.467-1.459l1.086-.65c.486-.293.827-.543 1.023-.75.31-.324.464-.695.464-1.113 0-.489-.142-.876-.424-1.163-.283-.288-.66-.431-1.131-.431-.697 0-1.18.273-1.447.82-.144.293-.223.7-.238 1.219h-1.035c.012-.73.142-1.326.39-1.787.442-.813 1.22-1.219 2.336-1.219.927 0 1.604.26 2.032.78.428.519.642 1.097.642 1.734 0 .672-.228 1.246-.684 1.722-.264.278-.737.614-1.42 1.008l-.774.446c-.37.21-.66.412-.87.603-.378.34-.615.717-.713 1.13h4.421V123h-5.557zm7.784-2.027c.03.582.246.984.65 1.207.207.117.44.175.7.175.487 0 .902-.21 1.245-.63.343-.42.586-1.272.729-2.557-.226.371-.506.632-.84.782-.333.15-.692.226-1.077.226-.78 0-1.397-.252-1.851-.756-.454-.504-.681-1.152-.681-1.945 0-.762.224-1.432.672-2.01.449-.578 1.11-.867 1.985-.867 1.18 0 1.994.55 2.442 1.652.249.605.373 1.363.373 2.273 0 1.028-.149 1.938-.446 2.73-.494 1.321-1.33 1.981-2.51 1.981-.792 0-1.393-.214-1.804-.644-.411-.43-.616-.969-.616-1.617h1.029zm1.543-1.723c.403 0 .772-.138 1.105-.413.334-.275.5-.757.5-1.444 0-.618-.15-1.078-.449-1.38-.3-.303-.681-.454-1.145-.454-.497 0-.892.172-1.184.518-.292.346-.438.808-.438 1.386 0 .547.128.981.384 1.304.257.322.665.483 1.227.483zm11.87 1.184c0 .726-.103 1.29-.31 1.693-.385.734-1.116 1.102-2.194 1.102-.622 0-1.153-.175-1.594-.525-.441-.35-.662-.972-.662-1.866v-.615h1.057v.615c0 .469.101.821.303 1.058.202.236.515.354.941.354.6 0 .992-.213 1.176-.639.113-.261.17-.756.17-1.482v-5.736h1.114v6.04zm2.764-3.71v4.167c0 .32.05.582.147.785.181.375.518.562 1.012.562.709 0 1.191-.328 1.448-.984.139-.352.209-.834.209-1.447v-3.082h1.017V123h-.96l.01-.926c-.131.239-.295.44-.491.604-.389.328-.86.492-1.414.492-.863 0-1.45-.299-1.764-.897-.17-.32-.254-.748-.254-1.283v-4.265h1.04zm5.619-2.331h1.018V123h-1.018v-8.607zm6.495 2.332h1.125c-.143.402-.462 1.32-.956 2.754-.369 1.078-.678 1.957-.927 2.636-.588 1.602-1.002 2.578-1.244 2.93-.24.351-.655.527-1.243.527-.144 0-.254-.006-.331-.017-.077-.012-.173-.034-.286-.065v-.96c.177.05.306.081.385.093.079.012.149.018.209.018.188 0 .327-.033.415-.097.09-.065.164-.144.224-.237.019-.032.087-.192.203-.48.117-.29.202-.505.255-.645l-2.24-6.457h1.154l1.623 5.109 1.634-5.11zM78.271 92.566c.11 2.135.905 3.61 2.384 4.426.76.43 1.617.645 2.57.645 1.784 0 3.304-.77 4.562-2.31 1.257-1.54 2.149-4.666 2.674-9.378-.83 1.36-1.856 2.317-3.079 2.868-1.223.552-2.54.828-3.949.828-2.86 0-5.124-.924-6.79-2.772-1.664-1.848-2.497-4.225-2.497-7.133 0-2.793.822-5.25 2.467-7.369 1.644-2.12 4.07-3.18 7.276-3.18 4.326 0 7.311 2.02 8.956 6.059.912 2.22 1.368 4.999 1.368 8.336 0 3.767-.546 7.104-1.638 10.012-1.81 4.84-4.878 7.261-9.204 7.261-2.902 0-5.107-.787-6.613-2.363-1.507-1.575-2.26-3.552-2.26-5.93h3.773zm5.66-6.316c1.478 0 2.83-.505 4.052-1.515 1.224-1.01 1.835-2.775 1.835-5.296 0-2.263-.55-3.95-1.648-5.06-1.099-1.11-2.498-1.664-4.198-1.664-1.824 0-3.272.634-4.343 1.901-1.071 1.268-1.607 2.961-1.607 5.081 0 2.005.47 3.599 1.41 4.78.94 1.182 2.44 1.773 4.499 1.773zm16.975-8.959h4.333v4.684h-4.333V77.29zm0 18.025h4.333V100h-4.333v-4.684zm21.08-6.209V75.164l-9.515 13.943h9.515zm.062 10.893v-7.52H109.03V88.7l13.6-19.552h3.15v19.96h4.375v3.372h-4.374V100h-3.732zm13.534-21.785V75.25c2.695-.272 4.575-.727 5.639-1.364 1.064-.638 1.859-2.145 2.384-4.523h2.944V100h-3.98V78.215h-6.987z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/sms-mobile-ios.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="evenodd">
+        <rect width="220" height="472" fill="#101211" rx="32"/>
+        <path fill="#FFF" d="M55.965 11v3c0 7.18 5.82 13 13 13h82.07c7.18 0 13-5.82 13-13v-3h23.316c12.702 0 23 10.297 23 23v405c0 12.703-10.298 23-23 23H32.649c-12.702 0-23-10.297-23-23V34c0-12.703 10.298-23 23-23h23.316z"/>
+        <rect width="181.404" height="136" x="19.298" y="88" fill="#FFF" rx="17.5"/>
+        <path fill="#F8F8F8" d="M55.965 11v3c0 7.18 5.82 13 13 13h82.07c7.18 0 13-5.82 13-13v-3h23.316c12.702 0 23 10.297 23 23v43.092H9.649V34c0-12.703 10.298-23 23-23h23.316z"/>
+        <rect width="176" height="20" x="22" y="421.072" fill="#FAFAFA" stroke="#C8C7CC" stroke-width=".5" rx="10"/>
+        <path fill="#2E2E2E" fill-rule="nonzero" d="M76.566 455h66.868c.695 0 1.303.467 1.303 1 0 .533-.608 1-1.303 1H76.566c-.695 0-1.303-.467-1.303-1 0-.533.608-1 1.303-1z" opacity=".4"/>
+        <path fill="#E0E0E0" d="M9.649 77H210.351V78H9.649z"/>
+        <path fill="#007AFF" d="M19.769 59.041l-4.623-4.568c-.195-.192-.195-.503 0-.696l4.623-4.568c.28-.279.738-.279 1.02 0 .281.278.281.73 0 1.008l-3.954 3.908 3.954 3.908c.281.279.281.73 0 1.008-.282.279-.74.279-1.02 0M193.947 60c-3.313 0-6-2.686-6-6s2.687-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6zm0-.818c2.862 0 5.182-2.32 5.182-5.182 0-2.862-2.32-5.182-5.182-5.182-2.861 0-5.181 2.32-5.181 5.182 0 2.862 2.32 5.182 5.181 5.182zm-.125-7.473c-.347 0-.627-.28-.627-.627s.28-.627.627-.627c.346 0 .627.28.627.627 0 .346-.28.627-.627.627zm-.878 5.018v-.25h.502v-3.764h-.502v-.251h1.505V56.476h.502v.251h-2.007z"/>
+        <text fill="#0A0A0A" font-family="Roboto-Regular, Roboto" font-size="7" letter-spacing="-.169">
+            <tspan x="96.491" y="70">Sender ID</tspan>
+        </text>
+        <path fill="#959BA9" fill-rule="nonzero" d="M104.33 58.425c1.611-1.204 4.06-1.394 4.563-2.793.062-.709.038-1.204.038-1.852-.31-.169-.888-1.244-.981-2.15-.244-.021-.628-.268-.74-1.24-.061-.523.18-.817.327-.91-.824-3.286-.371-6.156 3.388-6.228.94 0 1.663.26 1.945.774 2.743.395 1.92 4.219 1.523 5.455.147.092.388.386.328.908-.113.973-.497 1.22-.74 1.24-.095.908-.65 1.982-.96 2.15 0 .649-.024 1.144.038 1.853.502 1.399 2.94 1.589 4.543 2.791 1.924-1.848 3.128-4.49 3.128-7.423 0-5.59-4.372-10.12-9.765-10.12-5.393 0-9.765 4.53-9.765 10.12 0 2.934 1.205 5.577 3.13 7.425zM110.965 62c-5.862 0-10.614-4.925-10.614-11s4.752-11 10.614-11c5.862 0 10.614 4.925 10.614 11s-4.752 11-10.614 11z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/sms_mobile_android.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="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="92" fill="#F4F5F7" rx="17.5"/>
+        <path fill="#CF0E8F" d="M18 36h184c4.97 0 9 4.03 9 9v6H9v-6c0-4.97 4.03-9 9-9z"/>
+        <path fill="#FFF" d="M9 404h202v28.5c0 4.142-3.358 7.5-7.5 7.5h-187c-4.142 0-7.5-3.358-7.5-7.5V404z"/>
+        <path fill="#E51FA3" d="M9 51H211V82H9z" transform="matrix(1 0 0 -1 0 133)"/>
+        <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="#FFF" font-family="Roboto-Regular, Roboto" font-size="12" letter-spacing=".175">
+            <tspan x="49.5" y="71">Sender ID</tspan>
+        </text>
+        <circle cx="199" cy="63" r="1" fill="#FFF"/>
+        <circle cx="199" cy="70" r="1" fill="#FFF"/>
+        <circle cx="199" cy="66.5" r="1" fill="#FFF"/>
+        <path fill="#FFF" d="M28 66c0 .279-.226.505-.505.505h-5.556l2.42 2.42c.198.197.198.518 0 .716-.198.198-.52.198-.718 0l-2.934-2.934c-.39-.39-.39-1.024 0-1.414l2.934-2.934c.198-.198.52-.198.718 0 .198.198.198.519 0 .717l-2.42 2.419h5.556c.279 0 .505.226.505.505z"/>
+        <path fill="#B3BAC5" d="M189.006 427.286L201 422.143 189.006 417 189 421 197.571 422.143 189 423.286z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/sms_mobile_ios.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="evenodd">
+        <rect width="220" height="472" fill="#101211" rx="32"/>
+        <path fill="#FFF" d="M55.965 11v3c0 7.18 5.82 13 13 13h82.07c7.18 0 13-5.82 13-13v-3h23.316c12.702 0 23 10.297 23 23v405c0 12.703-10.298 23-23 23H32.649c-12.702 0-23-10.297-23-23V34c0-12.703 10.298-23 23-23h23.316z"/>
+        <rect width="181.404" height="136" x="19.298" y="88" fill="#FFF" rx="17.5"/>
+        <path fill="#F8F8F8" d="M55.965 11v3c0 7.18 5.82 13 13 13h82.07c7.18 0 13-5.82 13-13v-3h23.316c12.702 0 23 10.297 23 23v43.092H9.649V34c0-12.703 10.298-23 23-23h23.316z"/>
+        <rect width="176" height="20" x="22" y="421.072" fill="#FAFAFA" stroke="#C8C7CC" stroke-width=".5" rx="10"/>
+        <path fill="#2E2E2E" fill-rule="nonzero" d="M76.566 455h66.868c.695 0 1.303.467 1.303 1 0 .533-.608 1-1.303 1H76.566c-.695 0-1.303-.467-1.303-1 0-.533.608-1 1.303-1z" opacity=".4"/>
+        <path fill="#E0E0E0" d="M9.649 77H210.351V78H9.649z"/>
+        <path fill="#007AFF" d="M19.769 59.041l-4.623-4.568c-.195-.192-.195-.503 0-.696l4.623-4.568c.28-.279.738-.279 1.02 0 .281.278.281.73 0 1.008l-3.954 3.908 3.954 3.908c.281.279.281.73 0 1.008-.282.279-.74.279-1.02 0M193.947 60c-3.313 0-6-2.686-6-6s2.687-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6zm0-.818c2.862 0 5.182-2.32 5.182-5.182 0-2.862-2.32-5.182-5.182-5.182-2.861 0-5.181 2.32-5.181 5.182 0 2.862 2.32 5.182 5.181 5.182zm-.125-7.473c-.347 0-.627-.28-.627-.627s.28-.627.627-.627c.346 0 .627.28.627.627 0 .346-.28.627-.627.627zm-.878 5.018v-.25h.502v-3.764h-.502v-.251h1.505V56.476h.502v.251h-2.007z"/>
+        <text fill="#0A0A0A" font-family="Roboto-Regular, Roboto" font-size="7" letter-spacing="-.169">
+            <tspan x="96.491" y="70">Sender ID</tspan>
+        </text>
+        <path fill="#959BA9" fill-rule="nonzero" d="M104.33 58.425c1.611-1.204 4.06-1.394 4.563-2.793.062-.709.038-1.204.038-1.852-.31-.169-.888-1.244-.981-2.15-.244-.021-.628-.268-.74-1.24-.061-.523.18-.817.327-.91-.824-3.286-.371-6.156 3.388-6.228.94 0 1.663.26 1.945.774 2.743.395 1.92 4.219 1.523 5.455.147.092.388.386.328.908-.113.973-.497 1.22-.74 1.24-.095.908-.65 1.982-.96 2.15 0 .649-.024 1.144.038 1.853.502 1.399 2.94 1.589 4.543 2.791 1.924-1.848 3.128-4.49 3.128-7.423 0-5.59-4.372-10.12-9.765-10.12-5.393 0-9.765 4.53-9.765 10.12 0 2.934 1.205 5.577 3.13 7.425zM110.965 62c-5.862 0-10.614-4.925-10.614-11s4.752-11 10.614-11c5.862 0 10.614 4.925 10.614 11s-4.752 11-10.614 11z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/sms_mobile_new.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="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="92" fill="#F4F5F7" rx="17.5"/>
+        <path fill="#CF0E8F" d="M18 36h184c4.97 0 9 4.03 9 9v6H9v-6c0-4.97 4.03-9 9-9z"/>
+        <path fill="#FFF" d="M9 404h202v28.5c0 4.142-3.358 7.5-7.5 7.5h-187c-4.142 0-7.5-3.358-7.5-7.5V404z"/>
+        <path fill="#E51FA3" d="M9 51H211V82H9z" transform="matrix(1 0 0 -1 0 133)"/>
+        <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="#FFF" font-family="Roboto-Regular, Roboto" font-size="12" letter-spacing=".175">
+            <tspan x="49.5" y="71">Sender ID</tspan>
+        </text>
+        <circle cx="199" cy="63" r="1" fill="#FFF"/>
+        <circle cx="199" cy="70" r="1" fill="#FFF"/>
+        <circle cx="199" cy="66.5" r="1" fill="#FFF"/>
+        <path fill="#FFF" d="M28 66c0 .279-.226.505-.505.505h-5.556l2.42 2.42c.198.197.198.518 0 .716-.198.198-.52.198-.718 0l-2.934-2.934c-.39-.39-.39-1.024 0-1.414l2.934-2.934c.198-.198.52-.198.718 0 .198.198.198.519 0 .717l-2.42 2.419h5.556c.279 0 .505.226.505.505z"/>
+        <path fill="#B3BAC5" d="M189.006 427.286L201 422.143 189.006 417 189 421 197.571 422.143 189 423.286z"/>
+    </g>
+</svg>

package/components/TemplatePreview/assets/images/wechat_mobile_android.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="472" viewBox="0 0 220 472">
+    <g fill="none" fill-rule="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 36h184c4.97 0 9 4.03 9 9v6H9v-6c0-4.97 4.03-9 9-9z"/>
+        <path fill="#F4F5F7" d="M9 51H211V82H9z" transform="matrix(1 0 0 -1 0 133)"/>
+        <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" font-family="Roboto-Regular, Roboto" font-size="12" letter-spacing=".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 66c0 .279-.226.505-.505.505h-5.556l2.42 2.42c.198.197.198.518 0 .716-.198.198-.52.198-.718 0l-2.934-2.934c-.39-.39-.39-1.024 0-1.414l2.934-2.934c.198-.198.52-.198.718 0 .198.198.198.519 0 .717l-2.42 2.419h5.556c.279 0 .505.226.505.505z"/>
+    </g>
+</svg>

package/config/app.js

@@ -4,6 +4,7 @@
 const config = {
   production: {
     api_endpoint: '/arya/api/v1/creatives',
+    campaigns_api_endpoint: '/iris/v2/campaigns',
     auth_endpoint: '/arya/api/v1/auth',
     arya_endpoint: '/arya/api/v1',
     login_url: 'auth/login',
@@ -14,6 +15,7 @@ const config = {
   },
   development: {
     api_endpoint: 'https://nightly.capillary.in/arya/api/v1/creatives',
+    campaigns_api_endpoint: 'https://nightly.capillary.in/iris/v2/campaigns',
     auth_endpoint: 'https://nightly.capillary.in/arya/api/v1/auth',
     arya_endpoint: 'https://nightly.capillary.in/arya/api/v1',
     subscription_api_endpoint: 'https://nightly.capillary.in/arya/api/v1/org-settings/subscription',

package/containers/Cap/messsages.js

@@ -0,0 +1,63 @@
+import { defineMessages } from 'react-intl';
+export default defineMessages({
+  "sms": {
+    id: 'reon.components.Cap.sms',
+    defaultMessage: 'SMS',
+  },
+  "wechat": {
+    id: 'reon.components.Cap.wechat',
+    defaultMessage: 'WeChat',
+  },
+  "gallery": {
+    id: 'reon.components.Cap.gallery',
+    defaultMessage: 'Gallery',
+  },
+  "creativesDashboard": {
+    id: 'reon.components.Cap.creativesDashboard',
+    defaultMessage: 'Creatives',
+  },
+  "creatives": {
+    id: 'reon.components.Cap.creatives',
+    defaultMessage: 'Creatives',
+  },
+  "campaigns": {
+    id: 'reon.components.Cap.campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "loyalty": {
+    id: 'reon.components.Cap.loyalty',
+    defaultMessage: 'Loyalty',
+  },
+  "member care": {
+    id: 'reon.components.Cap.memberCare',
+    defaultMessage: 'Member Care',
+  },
+  "workbench": {
+    id: 'reon.components.Cap.Workbench',
+    defaultMessage: 'WorkBench',
+  },
+  "store care": {
+    id: 'reon.components.Cap.storeCare',
+    defaultMessage: 'Store Care',
+  },
+  "store performance": {
+    id: 'reon.components.Cap.storePerformance',
+    defaultMessage: 'Store Performance',
+  },
+  "email": {
+    id: 'reon.components.Cap.email',
+    defaultMessage: 'Email',
+  },
+  "ebill": {
+    id: 'reon.components.Cap.ebill',
+    defaultMessage: 'Ebill',
+  },
+  "campaignsDashboard": {
+    id: 'reon.components.campaignsDashboard',
+    defaultMessage: 'Campaigns',
+  },
+  "campaignsHome": {
+    id: 'reon.components.campaignsHome',
+    defaultMessage: "Campaigns Home",
+  },
+});

package/containers/Sms/Create/messages.js

@@ -72,7 +72,7 @@ export default defineMessages({
   },
   "Template content has unsupported/missing tags!": {
     id: 'creatives.containers.Create.tagsErrorMessage',
-    defaultMessage: "Please check the message content for unsupported/missing tags",
+    defaultMessage: '"Optout" label is mandatory. Please add "Optout" label to this message',
   },
   "Please input sms template content.": {
     id: 'creatives.containers.Create.smsEditorPlaceholder',

package/containers/Sms/Edit/messages.js

@@ -76,7 +76,7 @@ export default defineMessages({
   },
   "Template content has unsupported/missing tags!": {
     id: 'creatives.containers.Edit.tagsErrorMessage',
-    defaultMessage: "Please check the message content for unsupported/missing tags",
+    defaultMessage: '"Optout" label is mandatory. Please add "Optout" label to this message',
   },
   "Please input sms template content.": {
     id: 'creatives.containers.Edit.smsEditorPlaceholder',

package/containers/WeChat/MapTemplates/messages.js

@@ -60,7 +60,7 @@ export default defineMessages({
   },
   "wechatEditSuccess": {
     id: 'creatives.containers.WeChat.wechatEditSuccess',
-    defaultMessage: "WeChat template unmapped successfully",
+    defaultMessage: "WeChat template edited successfully",
   },
   "wechatCreateSuccess": {
     id: 'creatives.containers.WeChat.wechatCreateSuccess',

package/index.js

@@ -39,6 +39,10 @@ import WeChatRichMediaEdit from './v2Containers/WeChat/RichmediaTemplates/Edit';
 import weChatRichMediaEditReducer from './v2Containers/WeChat/RichmediaTemplates/Edit/reducer';
 import weChatRichMediaEditSaga from './v2Containers/WeChat/RichmediaTemplates/Edit/sagas';
 
+import Facebook from './v2Containers/Facebook';
+import facebookReducer from './v2Containers/Facebook/reducer';
+import facebookSaga from './v2Containers/Facebook/sagas';
+
 import MobilepushCreate from './v2Containers/MobilePush/Create';
 import mobilepushCreateReducer from './v2Containers/MobilePush/Create/reducer';
 import mobilepushCreateSaga from './v2Containers/MobilePush/Create/sagas';
@@ -81,6 +85,7 @@ const MobilePushEditContainer = {MobilepushEdit, mobilepushEditReducer, mobilepu
 const LineCreateContainer = {LineCreate, lineCreateReducer, lineCreateSaga};
 const LineEditContainer = {LineEdit, lineEditReducer, lineEditSaga};
 const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
+const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 
 export {default as TagList} from './v2Containers/TagList/index';
 export {default as TagListSaga} from './v2Containers/TagList/sagas';
@@ -117,4 +122,5 @@ export { CapContainer,
   TemplatesV2Container,
   CreativesContainer,
   updateCharCount,
+  FacebookContainer,
 };

package/initialState.js

@@ -42,5 +42,8 @@ export default {
   },
   creativesContainer: {
 
+  },
+  facebook: {
+
   },
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "3.4.5",
+  "version": "3.4.7",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -13,6 +13,7 @@
   "license": "LicenseRef-LICENSE",
   "dependencies": {
     "@babel/polyfill": "7.4.3",
+    "@capillarytech/cap-ui-utils": "1.0.8",
     "babel-cli": "^6.26.0",
     "chalk": "1.1.3",
     "jquery": "^3.3.1",

package/routes.js

@@ -628,6 +628,8 @@ export default function createRoutes(store) {
           import('v2Containers/WeChat/RichmediaTemplates/Edit/reducer'),
           import('v2Containers/Assets/Gallery/reducer'),
           import('v2Containers/Assets/Gallery/sagas'),
+          import('v2Containers/Facebook/sagas'),
+          import('v2Containers/Facebook/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -635,7 +637,7 @@ export default function createRoutes(store) {
         importModules.then(([reducer,
           sagas, component,
           capReducer, capSagas,
-           creativesContainerReducer,
+          creativesContainerReducer,
           smsCreateReducer, smsCreateSaga, smsEditReducer, smsEditSaga,
           emailReducer, emailSaga,
           callTaskReducer, callTaskSagas,
@@ -645,6 +647,7 @@ export default function createRoutes(store) {
           weChatRichmediaTemplatesCreateSagas, weChatRichmediaTemplatesCreateReducer,
           weChatRichmediaTemplatesEditSagas, weChatRichmediaTemplatesEditReducer,
           galleryReducer, gallerySagas,
+          facebookSagas, facebookReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -659,6 +662,7 @@ export default function createRoutes(store) {
           injectReducer('weChatRichmediaCreate', weChatRichmediaTemplatesCreateReducer.default);
           injectReducer('weChatRichmediaEdit', weChatRichmediaTemplatesEditReducer.default);
           injectReducer('gallery', galleryReducer.default);
+          injectReducer('facebook', facebookReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -671,6 +675,7 @@ export default function createRoutes(store) {
           injectSagas(weChatMapTemplatesSagas.default);
           injectSagas(weChatRichmediaTemplatesCreateSagas.default);
           injectSagas(weChatRichmediaTemplatesEditSagas.default);
+          injectSagas(facebookSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -8,11 +8,13 @@ import pathConfig from '../config/path';
 import getSchema from './getSchema';
 import * as API from '../utils/ApiCaller';
 let API_ENDPOINT = config.development.api_endpoint;
+let CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_endpoint;
 let API_AUTH_ENDPOINT = config.development.auth_endpoint;
 let ARYA_ENDPOINT = config.development.arya_endpoint;
 let SUBSCRIPTION_API_ENDPOINT = config.development.subscription_api_endpoint;
 if (process.env.NODE_ENV === 'production') {
   API_ENDPOINT = config.production.api_endpoint;
+  CAMPAIGNS_API_ENDPOINT = config.production.campaigns_api_endpoint;
   API_AUTH_ENDPOINT = config.production.auth_endpoint;
   ARYA_ENDPOINT = config.production.arya_endpoint;
   SUBSCRIPTION_API_ENDPOINT = config.production.subscription_api_endpoint;
@@ -75,7 +77,7 @@ function request(url, options) {
     .then(parseJSON);
 }
 
-function getAPICallObject(method, body, isFileUpload = false) {
+function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false) {
   const token = loadItem('token');
   const orgID = loadItem('orgID');
   const user = loadItem('user');
@@ -88,16 +90,24 @@ function getAPICallObject(method, body, isFileUpload = false) {
     };
   }
 
-  if (user && user.refID) {
-    headers['X-CAP-REMOTE-USER'] = user.refID;
-  }
+  if (loadCampaignHeaders) {
+    headers['X-CAP-ORG'] = orgID;
 
-  if (process.env.NODE_ENV !== 'production' && orgID !== undefined) {
-    headers['X-CAP-API-AUTH-ORG-ID'] = orgID;
-  }
+    if (token !== undefined) {
+      headers['X-CAP-CT'] = token;
+    }
+  } else {
+    if (user && user.refID) {
+      headers['X-CAP-REMOTE-USER'] = user.refID;
+    }
 
-  if (process.env.NODE_ENV !== 'production' && token !== undefined) {
-    headers.Authorization = `Bearer ${token}`;
+    if (process.env.NODE_ENV !== 'production' && orgID !== undefined) {
+      headers['X-CAP-API-AUTH-ORG-ID'] = orgID;
+    }
+
+    if (process.env.NODE_ENV !== 'production' && token !== undefined) {
+      headers.Authorization = `Bearer ${token}`;
+    }
   }
 
   const requestObj = {
@@ -339,3 +349,9 @@ export const getUnsubscribeUrl = () => {
   const url = `${SUBSCRIPTION_API_ENDPOINT}/unsubscribeUrl`;
   return request(url, getAPICallObject('POST', body));
 };
+
+export const getMarketingObjectives = (channel) =>
+  request(
+    `${CAMPAIGNS_API_ENDPOINT}/socialObjectives?channel=${channel}`,
+    getAPICallObject('GET', null, false, true),
+  );

package/translations/en.json

@@ -127,11 +127,18 @@
   "creatives.componentsV2.Header.save": "Save",
   "creatives.componentsV2.ImagePreview.close": "close",
   "creatives.componentsV2.ImagePreview.loadingImage": "Loading images !!!!",
+  "creatives.componentsV2.NavigationBar.businessProcesses": "Workbench",
+  "creatives.componentsV2.NavigationBar.campaign": "Engage+",
   "creatives.componentsV2.NavigationBar.header": "This is the NavigationBar component!",
   "creatives.componentsV2.NavigationBar.insights": "Insights+",
   "creatives.componentsV2.NavigationBar.logout": "Logout",
+  "creatives.componentsV2.NavigationBar.loyaltyProgram": "Loyalty+",
+  "creatives.componentsV2.NavigationBar.memberCare": "Member Care",
   "creatives.componentsV2.NavigationBar.orgSettings": "Organisation settings",
   "creatives.componentsV2.NavigationBar.selectedProductDefault": "Engage+",
+  "creatives.componentsV2.NavigationBar.storeCare": "Store Care",
+  "creatives.componentsV2.NavigationBar.storePerformance": "Store Performance",
+  "creatives.componentsV2.NavigationBar.wecrm": "Wecrm",
   "creatives.componentsV2.NewCallTask.callTaskTitle": "Call Task title",
   "creatives.componentsV2.NewCallTask.description": "Description",
   "creatives.componentsV2.NewCallTask.done": "Done",
@@ -237,7 +244,7 @@
   "creatives.containers.Create.smsEditorPlaceholder": "Please enter the message content",
   "creatives.containers.Create.somethingWentWrong": "Something went wrong!!",
   "creatives.containers.Create.sourceLinkEmpty": "Cannot leave source link field empty",
-  "creatives.containers.Create.tagsErrorMessage": "Please check the message content for unsupported/missing tags",
+  "creatives.containers.Create.tagsErrorMessage": "\"Optout\" label is mandatory. Please add \"Optout\" label to this message",
   "creatives.containers.Create.tagsLabel": "Tags",
   "creatives.containers.Create.templateDataNotValid": "Template data is not valid",
   "creatives.containers.Create.templateMarkedFinal": "Template Marked as Final Successfully",
@@ -287,7 +294,7 @@
   "creatives.containers.Edit.saveTemplateLoader": "Saving template...",
   "creatives.containers.Edit.smsEditorPlaceholder": "Please enter the message content",
   "creatives.containers.Edit.somethingWentWrong": "Something went wrong!!",
-  "creatives.containers.Edit.tagsErrorMessage": "Please check the message content for unsupported/missing tags",
+  "creatives.containers.Edit.tagsErrorMessage": "\"Optout\" label is mandatory. Please add \"Optout\" label to this message",
   "creatives.containers.Edit.tagsLabel": "Tags",
   "creatives.containers.Edit.templateMarkedFinal": "Template Marked as Final Successfully",
   "creatives.containers.Edit.templateNamePlaceHolder": "Enter template name",
@@ -700,7 +707,7 @@
   "creatives.containers.WeChat.template": "Template",
   "creatives.containers.WeChat.templateMapping": "Template mapping",
   "creatives.containers.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
-  "creatives.containers.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+  "creatives.containers.WeChat.wechatEditSuccess": "WeChat template unmapped successfully",
   "creatives.containers.WechatWrapper.mapTemplate": "Map template",
   "creatives.containers.WechatWrapper.mapTemplateSubtext": "Used for announcing offers and transaction related information",
   "creatives.containers.WechatWrapper.richMedia": "Richmedia template",
@@ -772,7 +779,7 @@
   "creatives.containersV2.Create.smsEditorPlaceholder": "Please enter the message content",
   "creatives.containersV2.Create.smsTemplateCreatedSuccess": "SMS Template Created Successfully",
   "creatives.containersV2.Create.somethingWentWrong": "Something went wrong!!",
-  "creatives.containersV2.Create.tagsErrorMessage": "Please check the message content for unsupported/missing tags",
+  "creatives.containersV2.Create.tagsErrorMessage": "\"Optout\" label is mandatory. Please add \"Optout\" label to this message",
   "creatives.containersV2.Create.tagsLabel": "Tags",
   "creatives.containersV2.Create.templateMarkedSuccessfully": "Template Marked as Final Successfully",
   "creatives.containersV2.Create.templateNamePlaceHolder": "Enter template name",
@@ -894,7 +901,7 @@
   "creatives.containersV2.Edit.sms": "SMS",
   "creatives.containersV2.Edit.smsEditorPlaceholder": "Please enter the message content",
   "creatives.containersV2.Edit.somethingWentWrong": "Something went wrong!!",
-  "creatives.containersV2.Edit.tagsErrorMessage": "Please check the message content for unsupported/missing tags",
+  "creatives.containersV2.Edit.tagsErrorMessage": "\"Optout\" label is mandatory. Please add \"Optout\" label to this message",
   "creatives.containersV2.Edit.tagsLabel": "Tags",
   "creatives.containersV2.Edit.templateEditedSuccessfully": "SMS Template Edited Successfully",
   "creatives.containersV2.Edit.templateMarkedSuccessfully": "Template Marked as Final Successfully",
@@ -909,6 +916,7 @@
   "creatives.containersV2.Email.Save": "Save",
   "creatives.containersV2.Email.Subject": "Subject",
   "creatives.containersV2.Email.Tags": "Tags",
+  "creatives.containersV2.Email.addLabel": "Add label",
   "creatives.containersV2.Email.alert": "Alert",
   "creatives.containersV2.Email.alertMessage": "Alert",
   "creatives.containersV2.Email.alphabetically": "Alphabetically",
@@ -934,6 +942,7 @@
   "creatives.containersV2.Email.emailSubject": "Enter email subject",
   "creatives.containersV2.Email.emailSubjectNotEmplty": "Email subject cannot be empty.",
   "creatives.containersV2.Email.emailText": "Email",
+  "creatives.containersV2.Email.english": "English",
   "creatives.containersV2.Email.goBackTemporaryChangesLost": "Do you really want to go back? All your temporary changes will be lost!",
   "creatives.containersV2.Email.h3emailPreview": "Email preview",
   "creatives.containersV2.Email.h3imageSelection": "Image selection",
@@ -983,6 +992,48 @@
   "creatives.containersV2.EmailWrapper.useEditorDesc": "Create using in-built template",
   "creatives.containersV2.EmailWrapper.zipUpload": "Upload zip file",
   "creatives.containersV2.EmailWrapper.zipUploadDesc": "Upload compressed file (Zip) containing HTML & images",
+  "creatives.containersV2.Facebook.fbAccount": "Facebook Account",
+  "creatives.containersV2.Facebook.fbAdCampaignSetDetailsDescription": "Once this message is approved, a campaign and an ad set will be created on Facebook Ad Manager with the same name as the current campaign and message name.",
+  "creatives.containersV2.Facebook.fbAdCampaignSetDetailsTitle": "Ad campaign & ad set details",
+  "creatives.containersV2.Facebook.fbAdSetName": "Ad set name",
+  "creatives.containersV2.Facebook.fbAdsDescription": "You may create ads in Facebook Ad Manager under the below mentioned ad set. The performance of these ads will be reported here in Engage+.",
+  "creatives.containersV2.Facebook.fbAdsDetailOne": "Only FB campaign & ad set creation is supported in Engage+",
+  "creatives.containersV2.Facebook.fbAdsDetailThree": "You can create ads later in Facebook ad manager.",
+  "creatives.containersV2.Facebook.fbAdsDetailTwo": "You can proceed with an empty content block",
+  "creatives.containersV2.Facebook.fbAdsTitle": "Facebook ads",
+  "creatives.containersV2.Facebook.fbAudience": "Audience",
+  "creatives.containersV2.Facebook.fbCampaignName": "FB Campaign name",
+  "creatives.containersV2.Facebook.fbChange": "Change",
+  "creatives.containersV2.Facebook.fbConfirm": "Confirm",
+  "creatives.containersV2.Facebook.fbMarketingObjective": "FB Marketing objective",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveAppInstallTitle": "App Installs",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveAppInstallsDescription": "Get more people to install your app.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveAwareness": "Awareness",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveBrandAwarenessDescription": "Increase awareness for your brand by reaching people who are more likely to be interested in it.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveBrandAwarenessTitle": "Brand awareness",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveCatalogSalesDescription": "Create ads that automatically show items from your catalog based on your target audience.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveCatalogSalesTitle": "Catalog Sales",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveConsideration": "Consideration",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveConversionsDescription": "Drive valuable actions on your website, app or in Messenger.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveConversionsTitle": "Conversions",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveEngagementDescription": "Get more post engagements",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveEngagementTitle": "Engagement",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveLeadGenerationDescription": "Drive more sales leads, such as email addresses, from people interested in your brand or business.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveLeadGenerationTitle": "Lead Generation",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveMessagesDescription": "Get more people to send messages to your business in Messenger.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveMessagesTitle": "Messages",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveReachDescription": "Show your ad to the maximum number of people.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveReachTitle": "Reach",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveStoreTrafficDescription": "Drive visits to your physical stores by showing ads to people who are nearby.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveStoreTrafficTitle": "Store Traffic",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveTrafficDescription": "Send more people to a destination such as a website, app or Messenger conversation.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveTrafficTitle": "Traffic",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveVideoViewsDescription": "Get more people to view your video content.",
+  "creatives.containersV2.Facebook.fbMarketingObjectiveVideoViewsTitle": "Video Views",
+  "creatives.containersV2.Facebook.fbNoAudienceSelected": "Not Selected",
+  "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDescription": "Objectives help break reporting into a more granular level",
+  "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDone": "Done",
+  "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveTitle": "Facebook Marketing Objective",
   "creatives.containersV2.Line.Create.Campaigns": "Campaigns",
   "creatives.containersV2.Line.Create.Creatives": "Creatives",
   "creatives.containersV2.Line.Create.Image": "Image",
@@ -1309,6 +1360,7 @@
   "creatives.containersV2.TemplatesV2.creativesDesc": "These are pre-built templates which you could use to customize your message content.",
   "creatives.containersV2.TemplatesV2.edit": "Edit",
   "creatives.containersV2.TemplatesV2.email": "Email",
+  "creatives.containersV2.TemplatesV2.facebook": "Facebook",
   "creatives.containersV2.TemplatesV2.gallery": "Gallery",
   "creatives.containersV2.TemplatesV2.header": "This is TemplatesV2 container !",
   "creatives.containersV2.TemplatesV2.pushNotification": "Push notification",
@@ -1378,6 +1430,8 @@
   "creatives.containersV2.richMedia.Create.delete": "delete",
   "creatives.containersV2.richMedia.Create.deleteContent": "Do you really want to delete? All your temporary changes will be lost!",
   "creatives.containersV2.richMedia.Create.emptyTemplateName": "Cannot leave template name empty",
+  "creatives.containersV2.richMedia.Create.existingMedia": "Existing media",
+  "creatives.containersV2.richMedia.Create.existingMediaHeader": "Rich media templates",
   "creatives.containersV2.richMedia.Create.fileContentFailed": "Failed to get File content",
   "creatives.containersV2.richMedia.Create.formEmpty": "Cannot leave form empty",
   "creatives.containersV2.richMedia.Create.header": "This is Create container !",
@@ -1395,6 +1449,7 @@
   "creatives.containersV2.richMedia.Create.resolutionText": "Resolution 360 x 200",
   "creatives.containersV2.richMedia.Create.sameTemplateExists": "Template with the same name exists",
   "creatives.containersV2.richMedia.Create.saveSuccess": "Template saved successfully",
+  "creatives.containersV2.richMedia.Create.searchText": "Search Templates",
   "creatives.containersV2.richMedia.Create.somethingWentWrong": "Something went wrong!!",
   "creatives.containersV2.richMedia.Create.sourceIdentMissing": "Please provide source account identifier",
   "creatives.containersV2.richMedia.Create.sourceLinkEmpty": "Cannot leave source link field empty",
@@ -1412,6 +1467,7 @@
   "creatives.containersV2.richMedia.Create.visibility": "visibility",
   "creatives.containersV2.richMedia.Create.wrongFormatFile": "Wrong file upoaded. Please upload image file",
   "creatives.containersV2.richMedia.Create.wrongUrl": "Enter correct URL",
+  "creatives.containersV2.richMedia.Create.templateNameAlreadyExists": "Template name already exists",
   "customdatepicker.cancel": "Cancel",
   "customdatepicker.done": "Done",
   "reon.components.Cap.Workbench": "WorkBench",