@capillarytech/creatives-library 1.0.0 → 1.0.1-alpha.0

package/components/atoms/ReonNotEnabled/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,528 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ReonNotEnabled /> atoms should render the ReonNotEnabled 1`] = `
+<svg
+  height="100%"
+  width="100%"
+>
+  <defs>
+    <rect
+      height="342"
+      id="path-1"
+      rx="4"
+      width="1145"
+      x="0"
+      y="0"
+    />
+    <filter
+      filterUnits="objectBoundingBox"
+      height="107.6%"
+      id="filter-2"
+      width="102.3%"
+      x="-1.1%"
+      y="-2.6%"
+    >
+      <feMorphology
+        in="SourceAlpha"
+        operator="erode"
+        radius="1"
+        result="shadowSpreadOuter1"
+      />
+      <feOffset
+        dx="0"
+        dy="4"
+        in="shadowSpreadOuter1"
+        result="shadowOffsetOuter1"
+      />
+      <feGaussianBlur
+        in="shadowOffsetOuter1"
+        result="shadowBlurOuter1"
+        stdDeviation="4"
+      />
+      <feColorMatrix
+        in="shadowBlurOuter1"
+        result="shadowMatrixOuter1"
+        type="matrix"
+        values="0 0 0 0 0.0352941176   0 0 0 0 0.117647059   0 0 0 0 0.258823529  0 0 0 0.25 0"
+      />
+      <feOffset
+        dx="0"
+        dy="0"
+        in="SourceAlpha"
+        result="shadowOffsetOuter2"
+      />
+      <feGaussianBlur
+        in="shadowOffsetOuter2"
+        result="shadowBlurOuter2"
+        stdDeviation="0.5"
+      />
+      <feColorMatrix
+        in="shadowBlurOuter2"
+        result="shadowMatrixOuter2"
+        type="matrix"
+        values="0 0 0 0 0.0352941176   0 0 0 0 0.117647059   0 0 0 0 0.258823529  0 0 0 0.31 0"
+      />
+      <feMerge>
+        <feMergeNode
+          in="shadowMatrixOuter1"
+        />
+        <feMergeNode
+          in="shadowMatrixOuter2"
+        />
+      </feMerge>
+    </filter>
+    <linearGradient
+      id="linearGradient-3"
+      x1="50%"
+      x2="50%"
+      y1="0%"
+      y2="100%"
+    >
+      <stop
+        offset="0%"
+        stopColor="#D9E9FF"
+        stopOpacity="0.611"
+      />
+      <stop
+        offset="100%"
+        stopColor="#F7F8FF"
+        stopOpacity="0"
+      />
+    </linearGradient>
+    <linearGradient
+      id="linearGradient-4"
+      x1="50%"
+      x2="50%"
+      y1="0%"
+      y2="100%"
+    >
+      <stop
+        offset="0%"
+        stopColor="#EBE1F4"
+      />
+      <stop
+        offset="100%"
+        stopColor="#D2A6F7"
+        stopOpacity="0"
+      />
+    </linearGradient>
+  </defs>
+  <g
+    fill="none"
+    fillRule="evenodd"
+    id="Missing-states"
+    stroke="none"
+    strokeWidth="1"
+  >
+    <g
+      id="Group-43"
+      transform="translate(6.000000, 2.000000)"
+    >
+      <g
+        id="Atoms/shapes/rectangle/4px/Corner-4px"
+      >
+        <g
+          id="Shape"
+        >
+          <use
+            fill="black"
+            fillOpacity="1"
+            filter="url(#filter-2)"
+          />
+          <use
+            fill="#FFFFFF"
+            fillRule="evenodd"
+          />
+        </g>
+      </g>
+      <g
+        fill="#091E42"
+        fontFamily="Roboto-Medium, Roboto"
+        fontSize="16"
+        fontWeight="400"
+        id="Group"
+        transform="translate(23.000000, 26.000000)"
+      >
+        <text
+          id="Harness-the-power-of-your-data-with"
+        >
+          <tspan
+            x="0"
+            y="15"
+          >
+            Harness the power of your data with
+          </tspan>
+        </text>
+        <text
+          id="Essential-Insights"
+        >
+          <tspan
+            x="0"
+            y="39"
+          >
+            Essential Insights
+          </tspan>
+        </text>
+      </g>
+      <g
+        fontSize="14"
+        id="Group"
+        transform="translate(23.000000, 99.000000)"
+      >
+        <text
+          fill="#5E6C84"
+          fontFamily="Roboto-Regular, Roboto"
+          fontWeight="normal"
+          id="Increase-your-program’s-impact-with-data-reporting"
+        >
+          <tspan
+            x="0"
+            y="13"
+          >
+            Increase your program’s impact with data reporting
+          </tspan>
+        </text>
+        <text
+          fill="#5E6C84"
+          fontFamily="Roboto-Regular, Roboto"
+          fontWeight="normal"
+          id="and-insights-about-your-Loyalty-program."
+        >
+          <tspan
+            x="0"
+            y="33"
+          >
+            and insights about your Loyalty program.
+          </tspan>
+        </text>
+        <text
+          fill="#091E42"
+          fontFamily="Roboto-Bold, Roboto"
+          fontWeight="bold"
+          id="Connect"
+        >
+          <tspan
+            x="256.307"
+            y="33"
+          >
+            Connect
+          </tspan>
+        </text>
+        <text
+          fill="#091E42"
+          fontFamily="Roboto-Bold, Roboto"
+          fontWeight="bold"
+          id="with-your-account-managers-to-unlock-the-power"
+        >
+          <tspan
+            x="0"
+            y="53"
+          >
+            with your account managers to unlock the power
+          </tspan>
+        </text>
+        <text
+          fill="#091E42"
+          fontFamily="Roboto-Bold, Roboto"
+          fontWeight="bold"
+          id="of-Essential-Insights"
+        >
+          <tspan
+            x="0"
+            y="73"
+          >
+            of Essential Insights
+          </tspan>
+        </text>
+      </g>
+      <g
+        id="Group"
+        transform="translate(383.000000, 27.000000)"
+      >
+        <g>
+          <g
+            fill="#091E42"
+            fontFamily="Roboto-Medium, Roboto"
+            fontSize="18"
+            fontWeight="400"
+            id="3.76-M"
+            opacity="0.2"
+            transform="translate(0.000000, 27.000000)"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="17"
+              >
+                3.76 M
+              </tspan>
+            </text>
+          </g>
+          <g
+            fill="#7E8B9E"
+            fontFamily="Roboto-Regular, Roboto"
+            fontSize="14"
+            fontWeight="normal"
+            id="Total-Loyalty-Base"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="13"
+              >
+                Total Loyalty Base
+              </tspan>
+            </text>
+          </g>
+        </g>
+        <g
+          fill="#0EC000"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize="14"
+          fontWeight="normal"
+          id="2%"
+          opacity="0.493090675"
+          transform="translate(69.000000, 27.000000)"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="13"
+            >
+              2%
+            </tspan>
+          </text>
+        </g>
+        <path
+          d="M98.754,38.406 L94.59,34.238 C94.511,34.162 94.418,34.102 94.316,34.063 C94.113,33.979 93.886,33.979 93.683,34.063 C93.581,34.103 93.487,34.162 93.408,34.238 L89.245,38.406 C89.034,38.617 88.951,38.926 89.029,39.215 C89.106,39.503 89.331,39.729 89.619,39.806 C89.909,39.884 90.216,39.801 90.427,39.59 L93.167,36.839 L93.167,43.166 C93.167,43.626 93.539,44 93.999,44 C94.459,44 94.832,43.627 94.832,43.166 L94.832,36.84 L97.572,39.59 C97.728,39.749 97.941,39.837 98.162,39.837 C98.385,39.837 98.597,39.749 98.754,39.591 C98.911,39.434 99,39.221 99,38.999 C99,38.777 98.911,38.564 98.754,38.407 L98.754,38.406 Z"
+          fill="#0EC000"
+          fillRule="nonzero"
+          id="Path"
+          opacity="0.493090675"
+        />
+      </g>
+      <g
+        id="Group"
+        transform="translate(524.000000, 27.000000)"
+      >
+        <g>
+          <g
+            fill="#091E42"
+            fontFamily="Roboto-Medium, Roboto"
+            fontSize="18"
+            fontWeight="400"
+            id="1.53-M"
+            opacity="0.2"
+            transform="translate(0.000000, 27.000000)"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="17"
+              >
+                1.53 M
+              </tspan>
+            </text>
+          </g>
+          <g
+            fill="#7E8B9E"
+            fontFamily="Roboto-Regular, Roboto"
+            fontSize="14"
+            fontWeight="normal"
+            id="Active-Members"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="13"
+              >
+                Active Members
+              </tspan>
+            </text>
+          </g>
+        </g>
+        <g
+          fill="#0EC000"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize="14"
+          fontWeight="normal"
+          id="40.7%"
+          opacity="0.493090675"
+          transform="translate(69.000000, 27.000000)"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="13"
+            >
+              40.7%
+            </tspan>
+          </text>
+        </g>
+        <path
+          d="M121.754,38.406 L117.59,34.238 C117.511,34.162 117.418,34.102 117.316,34.063 C117.113,33.979 116.886,33.979 116.683,34.063 C116.581,34.103 116.487,34.162 116.408,34.238 L112.245,38.406 C112.034,38.617 111.951,38.926 112.029,39.215 C112.106,39.503 112.331,39.729 112.619,39.806 C112.909,39.884 113.216,39.801 113.427,39.59 L116.167,36.839 L116.167,43.166 C116.167,43.626 116.539,44 116.999,44 C117.459,44 117.832,43.627 117.832,43.166 L117.832,36.84 L120.572,39.59 C120.728,39.749 120.941,39.837 121.162,39.837 C121.385,39.837 121.597,39.749 121.754,39.591 C121.911,39.434 122,39.221 122,38.999 C122,38.777 121.911,38.564 121.754,38.407 L121.754,38.406 Z"
+          fill="#0EC000"
+          fillRule="nonzero"
+          id="Path"
+          opacity="0.493090675"
+        />
+      </g>
+      <g
+        id="Group"
+        transform="translate(900.000000, 27.000000)"
+      >
+        <g>
+          <g
+            fill="#091E42"
+            fontFamily="Roboto-Medium, Roboto"
+            fontSize="18"
+            fontWeight="400"
+            id="$-95.64-K"
+            opacity="0.2"
+            transform="translate(0.000000, 27.000000)"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="17"
+              >
+                $ 95.64 K
+              </tspan>
+            </text>
+          </g>
+          <g
+            fill="#7E8B9E"
+            fontFamily="Roboto-Regular, Roboto"
+            fontSize="14"
+            fontWeight="normal"
+            id="Loyalty-Lifetime-Value"
+          >
+            <text>
+              <tspan
+                x="0"
+                y="13"
+              >
+                Loyalty Lifetime Value
+              </tspan>
+            </text>
+          </g>
+        </g>
+        <g
+          fill="#0EC000"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize="14"
+          fontWeight="normal"
+          id="2.3x-of-Non-Loyalty"
+          opacity="0.493090675"
+          transform="translate(90.000000, 27.000000)"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="13"
+            >
+              2.3x of Non Loyalty
+            </tspan>
+          </text>
+        </g>
+      </g>
+      <g
+        id="Group"
+        transform="translate(670.000000, 27.000000)"
+      >
+        <g
+          fill="#091E42"
+          fontFamily="Roboto-Medium, Roboto"
+          fontSize="18"
+          fontWeight="400"
+          id="$-9.55-M"
+          opacity="0.2"
+          transform="translate(0.000000, 27.000000)"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="17"
+            >
+              $ 9.55 M
+            </tspan>
+          </text>
+        </g>
+        <g
+          fill="#7E8B9E"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize="14"
+          fontWeight="normal"
+          id="Total-Loyalty-Sales"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="13"
+            >
+              Total Loyalty Sales
+            </tspan>
+          </text>
+        </g>
+        <g
+          fill="#0EC000"
+          fontFamily="Roboto-Regular, Roboto"
+          fontSize="14"
+          fontWeight="normal"
+          id="43.1%-of-Total-Sales"
+          opacity="0.493090675"
+          transform="translate(83.000000, 27.000000)"
+        >
+          <text>
+            <tspan
+              x="0"
+              y="13"
+            >
+              43.1% of Total Sales
+            </tspan>
+          </text>
+        </g>
+      </g>
+      <g
+        id="Group"
+        transform="translate(0.000000, 200.000000)"
+      >
+        <g>
+          <path
+            d="M1091.36716,2.05335687 C1082.60687,0.359855976 1074.46071,0.819268649 1065.08316,3.15781397 C1061.86051,3.96152689 1058.51086,4.97264959 1054.34619,6.36540629 L1053.80179,6.54896395 L1041.97706,10.6100475 C1023.7955,16.7275991 1010.16896,19.502742 992.287186,19.502742 C971.903064,19.502742 956.61315,17.0283433 930.597709,10.767679 L923.516405,9.06173349 L918.681382,7.91683148 C916.937859,7.5103083 915.334859,7.14526708 913.773495,6.79889274 L912.667009,6.55622329 C898.738605,3.51974405 887.730991,2.06061621 876.137345,2.06061621 C860.079241,2.06061621 851.781114,4.21767797 836.804514,10.6287144 L835.767768,11.0704973 C820.973327,17.3550137 812.393114,19.501705 796.057086,19.501705 L795.229564,19.5058532 C779.0351,19.6240768 767.832836,23.2402664 751.164759,31.8259944 L745.290909,34.8624736 L743.828432,35.6070748 L742.089073,36.4761218 C731.168895,41.8552945 723.120586,44.2550257 713.338123,44.2550257 L712.344055,44.2581369 C702.166045,44.3099893 694.79745,45.1582954 683.871027,47.1587627 L678.101268,48.224849 C663.963641,50.8019156 654.099986,51.8451868 638.44055,51.8451868 C627.735841,51.8451868 620.091405,53.4090566 610.407827,56.8105771 L604.803573,58.8120815 C604.002073,59.0920847 603.285927,59.3368282 602.607255,59.5566826 L601.810959,59.8128337 L601.133327,60.0223176 C588.970305,63.7059153 578.5685,62.0808597 560.2256,51.7829639 L559.692655,51.4842938 C544.317386,42.9286402 536.654214,42.0450745 527.785668,45.8966742 L527.621205,45.9692676 C527.142386,46.1828997 526.358582,46.548978 525.52065,46.9440936 L522.244909,48.5079634 L520.992695,49.092859 C509.938241,54.0893607 499.365727,55.3410787 480.873977,51.8368904 L480.222368,51.7155557 C469.851791,49.8208673 462.289586,50.1734639 456.733214,52.4311195 C452.308309,54.2303993 449.441645,56.9474675 446.33245,61.5395201 L446.19505,61.7427817 L445.769318,62.383678 L444.343273,64.5739253 L443.749955,65.4657874 C440.702173,69.9624315 438.359086,71.9836399 434.437982,72.7603895 C429.333364,73.767364 422.124027,71.9794917 411.483855,66.7911359 L410.576182,66.3524642 C389.657032,56.3553126 367.660541,52.8397167 344.24425,54.5643291 C326.971405,55.8378252 311.206836,59.4768298 290.389695,66.0859426 L288.099695,66.8170621 C281.516986,68.9367901 275.094577,69.6430204 267.835277,69.2655346 L266.927605,69.2147192 C264.095291,69.0487914 261.85005,68.8113072 257.781136,68.2160411 L255.763855,67.9152969 L247.384536,66.6179487 C237.153441,65.0665235 230.314668,64.4474053 222.477664,64.6641486 L221.1224,64.7097787 L219.880595,64.7647423 C207.198159,65.3880087 193.943223,68.3311535 178.979114,74.2775921 L178.191145,74.5887067 C164.054559,80.1306962 153.010514,82.4007963 143.626718,82.0917557 C137.0565,81.8739754 132.5452,80.7705554 124.939277,77.8678554 L123.643345,77.3679979 L120.501882,76.1318355 C114.631155,73.8441056 111.1337,72.771797 106.803518,72.1651234 L105.955177,72.0541592 C99.4109818,71.245261 92.2328727,71.880972 83.5131773,74.2941849 L82.1849773,74.658189 C53.9149273,82.3230176 26.2923227,84.5734138 0,81.4964896 L0,106.816039 L1145,106.816039 L1145,19.4208152 C1130.35025,11.9208774 1112.47159,6.12895914 1091.36716,2.05231982"
+            fill="url(#linearGradient-3)"
+            fillRule="nonzero"
+            id="Path"
+          />
+          <path
+            d="M1.00447727,81.6385653 C27.3259455,84.7393416 53.6390864,82.3862776 81.9455682,74.7069303 L83.2727273,74.3429262 C91.9903409,71.9286763 99.1674091,71.2908912 105.710564,72.1008264 L106.558905,72.2128277 C110.888045,72.8195013 114.384459,73.8928469 120.253105,76.1816139 L123.392486,77.4177762 L124.689459,77.9186708 C132.292259,80.8224078 136.803559,81.9268649 143.372736,82.1436082 C152.753409,82.4547228 163.795373,80.1835857 177.927795,74.637448 L178.715764,74.3263334 C193.675709,68.3757466 206.927523,65.4305277 219.606836,64.8072613 L220.848641,64.7522977 L222.202864,64.7077046 C230.038827,64.4899243 236.875518,65.1090425 247.104532,66.6615048 L255.481768,67.9609271 L257.498009,68.2616713 C261.567964,68.8559003 263.811123,69.0944216 266.643436,69.2603494 L267.551109,69.3111648 C274.806245,69.6886506 281.228655,68.9824203 287.809282,66.8616552 L290.099282,66.1284616 C310.911218,59.5172747 326.672664,55.8751589 343.940305,54.6016629 C367.35035,52.8749764 389.341636,56.3926463 410.255582,66.3970573 L411.164295,66.835729 C421.799264,72.0271959 429.009641,73.8150682 434.112177,72.8070567 C438.032241,72.0313441 440.375327,70.0090987 443.422068,65.5083064 L444.015386,64.6164443 L445.441432,62.4241229 L445.866123,61.7832266 L446.002482,61.5810021 C449.111677,56.9868754 451.9773,54.266696 456.401164,52.4674162 C461.957536,50.2066495 469.516618,49.8550899 479.884073,51.7508154 L480.536723,51.8721501 C499.023268,55.3773754 509.594741,54.1256574 520.646073,49.1260445 L521.897245,48.5411489 L525.171945,46.9762421 C526.009877,46.5811265 526.794723,46.2140112 527.2725,46.0014161 L527.436964,45.9288227 C536.303427,42.0741119 543.964518,42.9576775 559.336664,51.5185164 L559.869609,51.8171865 C578.207305,62.1223416 588.605986,63.7484344 600.766927,60.0617254 L601.443518,59.8522415 L602.239814,59.5971275 C602.917445,59.3762361 603.634632,59.1314925 604.436132,58.8504523 L610.037264,56.8489479 C619.7198,53.4443163 627.362155,51.8804465 638.064782,51.8804465 C653.720055,51.8804465 663.580586,50.8361382 677.715091,48.2580346 L683.48485,47.1898742 C694.407109,45.1883698 701.773623,44.3400638 711.94955,44.2882113 L712.943618,44.2861372 C722.724,44.2861372 730.770227,41.8843319 741.687282,36.502048 L743.4256,35.633001 L744.887036,34.8883999 L750.760886,31.8477724 C767.423759,23.2578962 778.623941,19.6385955 794.815282,19.5203719 L795.642805,19.5172607 C811.974668,19.5172607 820.551759,17.3684954 835.343077,11.0808677 L836.379823,10.6380479 C851.3533,4.22182617 859.648305,2.06580145 875.702245,2.06580145 C887.292768,2.06580145 898.2983,3.52596634 912.223582,6.56348263 L913.329027,6.80615208 C914.890391,7.15252642 916.493391,7.51756764 918.236914,7.92512787 L923.070895,9.07002988 L930.149077,10.7780495 C956.159314,17.041825 971.445064,19.5172607 991.822941,19.5172607 C1009.7016,19.5172607 1023.32501,16.7410808 1041.50137,10.619381 L1053.32297,6.55622329 L1053.86737,6.37266563 C1058.031,4.97887188 1061.38065,3.96671213 1064.60226,3.16403626 C1073.97669,0.824453894 1082.1218,0.364004172 1090.87897,2.05646801 C1112.00526,6.14140372 1129.89745,11.9447295 1144.55449,19.4633342 L1145,18.5299902 C1130.25344,10.9657553 1112.27382,5.13442922 1091.06321,1.03393778 C1082.1572,-0.688600485 1073.87156,-0.220891421 1064.36702,2.15187652 C1061.49931,2.86744027 1058.53689,3.74478366 1055.00404,4.90316731 L1052.32786,5.79917758 C1049.25718,6.84659699 1043.27404,8.92276893 1042.26227,9.26706918 C1023.63625,15.6106974 1009.92955,18.4760636 991.822941,18.4760636 L990.121055,18.4708784 C970.954795,18.336062 956.025036,15.9083305 931.465827,10.026189 L921.917568,7.72601448 L919.117523,7.06437726 L916.237327,6.39651776 C915.544082,6.23784927 914.867491,6.08540308 914.20235,5.93606804 L913.539291,5.78880709 C899.022773,2.57188133 887.678945,1.02460434 875.702245,1.02460434 C859.776336,1.02460434 851.373077,3.13811004 836.770164,9.3458849 L835.729255,9.78974183 C820.829682,16.173815 812.394155,18.4013961 796.47345,18.4750266 L795.642805,18.4771007 C779.094432,18.4771007 767.762055,21.9968447 751.149145,30.4861272 L744.062636,34.148984 L742.72715,34.827214 L741.967286,35.208848 C731.045027,40.6606142 723.102891,43.1391611 713.567123,43.2418289 L712.942577,43.2459771 C702.852005,43.2459771 695.592705,43.9874671 685.390755,45.7908952 L682.158732,46.3778649 L678.532205,47.0509096 C663.913677,49.7534591 654.018795,50.8392494 638.064782,50.8392494 C627.541191,50.8392494 619.926941,52.3377851 610.52545,55.580637 L609.120223,56.0732353 C607.753509,56.5606483 605.276145,57.4535474 604.981568,57.5582893 L603.706455,58.0073315 L602.714468,58.3464465 C601.919214,58.6150422 601.195782,58.8473411 600.4838,59.0630473 L599.69375,59.2953463 C588.271855,62.554791 578.292659,60.8955128 560.949032,51.2385132 L560.348427,50.9025093 C544.549509,42.0243335 536.505364,40.9592843 527.360977,44.8357731 L526.531373,45.2008144 L524.671268,46.0698614 C522.931909,46.8922412 521.010391,47.8193629 521.116564,47.7706216 C510.068355,52.9527551 499.765436,54.372475 481.444395,50.9844362 L480.717841,50.8485828 C469.843464,48.7848554 461.901327,49.1115259 456.034764,51.4988125 C451.543241,53.3250556 448.581855,56.0587166 445.480986,60.5439532 L444.903282,61.3974444 L444.291227,62.3266403 L443.0921,64.1725874 C439.929818,68.9938278 437.727255,71.032666 433.923773,71.7845265 C429.163695,72.7261669 422.303064,71.0617034 412.147955,66.1637213 L411.591068,65.8940886 C390.242023,55.473821 367.781286,51.8005937 343.869523,53.5635769 C325.879491,54.8909995 309.536177,58.7695625 287.510541,65.8681624 C281.289027,67.8727779 275.2122,68.5893787 268.391123,68.3083385 L267.124336,68.2461155 L265.612936,68.1517441 C262.344482,67.9225563 259.458041,67.5326259 252.671314,66.475873 L248.045514,65.7530499 L246.380059,65.501047 C235.476536,63.8728802 228.391068,63.3336148 219.558955,63.7681383 C207.049309,64.3831083 193.994227,67.2370669 179.336145,72.9677993 L178.35665,73.3546185 C163.960877,79.0791286 152.812741,81.4155998 143.405005,81.1034481 C136.442364,80.8732232 131.8353,79.6266904 123.138505,76.205466 L121.778036,75.6682747 C114.719632,72.8734278 110.955705,71.7015625 105.829227,71.0668886 C99.3506091,70.2652498 92.2797136,70.8532565 83.7890182,73.1254307 L83.0135409,73.3369887 C54.3521091,81.2755982 27.6090727,83.7665897 1.00447727,80.6315908 L1.00447727,81.6385653 L1.00447727,81.6385653 Z"
+            fill="#5D84FF"
+            fillRule="nonzero"
+            id="Path"
+          />
+          <path
+            d="M925.3661,127.088271 L925.3661,21.2097246 M1056.94117,127.088271 L1056.94117,21.2097246 M132.906395,127.088271 L132.906395,21.2097246 M264.480427,127.088271 L264.480427,21.2097246 M397.058936,127.088271 L397.058936,21.2097246 M659.204605,127.088271 L659.204605,21.2097246 M792.787591,127.088271 L792.787591,21.2097246 M529.638486,127.088271 L529.638486,21.2097246"
+            id="Shape"
+            stroke="#DFE2E7"
+            strokeDasharray="4"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </g>
+        <path
+          d="M765.318,78.2290506 C612.446968,68.1165375 589.893591,67.3450588 510.973945,80.909965 C499.386545,82.9037323 488.427855,84.9568442 477.834523,86.9422826 C431.280905,95.6700904 389.279182,103.540006 311.781418,103.541047 C281.7616,103.541047 246.422736,102.360403 203.404045,99.5920339 C30.7765591,88.4758697 2.70844545,98.0084724 2.44405455,98.1063388 L0,97.9085237 L0,131.574561 L1145,131.574561 L1145,46.2017544 C1114.21824,50.5682611 1087.01095,54.8087909 1060.71135,58.9118913 C959.145682,74.7527115 885.740773,86.1978733 765.318,78.2290506 Z"
+          fill="url(#linearGradient-4)"
+          fillRule="nonzero"
+          id="Path"
+          opacity="0.68"
+        />
+        <path
+          d="M0,98.2670389 C0,98.2670389 25.4710455,88.3790391 203.693418,99.6251177 C381.919955,110.872219 427.803227,95.0661454 508.973318,81.3871833 C590.149655,67.7092438 616.613727,68.9251743 766.610809,78.6515954 C916.603727,88.3780165 991.477359,68.4844122 1145,47.2061404"
+          id="Path"
+          stroke="#D2A6F7"
+        />
+      </g>
+    </g>
+  </g>
+</svg>
+`;

package/components/atoms/ReonNotEnabled/tests/index.test.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import ReonNotEnabled from '../ReonNotEnabled';
+
+describe('<ReonNotEnabled /> atoms', () => {
+  it('should render the ReonNotEnabled', () => {
+    const renderedComponent = shallow(<ReonNotEnabled />);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+});

package/components/atoms/RewardCatalogTooltip/RewardCatalogTooltip.js

@@ -0,0 +1,106 @@
+import React from 'react';
+import moment from 'moment';
+import { injectIntl, intlShape } from 'react-intl';
+import PropTypes from 'prop-types';
+
+import CapRow from '@capillarytech/cap-ui-library/CapRow';
+import CapColumn from '@capillarytech/cap-ui-library/CapColumn';
+import CapTooltipWithInfo from '@capillarytech/cap-ui-library/CapTooltipWithInfo';
+import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
+import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
+import CapHeading from '@capillarytech/cap-ui-library/CapHeading';
+import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
+
+import {
+  convertToTitleCase,
+  getRewardStatus,
+  trimUnderscores,
+} from '../../organisms/IssueCatalogRewardsAction/utils';
+import messages from '../../organisms/IssueCatalogRewardsAction/messages';
+import globalMessages from '../../pages/Cap/messages';
+import StatusColor from '../StatusColor';
+import { REWARDS_UI_LINK } from '../../organisms/IssueCatalogRewardsAction/constants';
+
+const RewardCatalogTooltip = ({
+  reward,
+  intl: { formatMessage },
+  tooltipProps,
+}) => {
+  const rewardTooltipContent = (title, value) => (
+    <CapRow type="flex" className="reward-tooltip-section">
+      <CapLabel type="label32" className="reward-tooltip-title">
+        {title}
+      </CapLabel>
+      <CapLabel type="label12" className="reward-tooltip-content">
+        {value}
+      </CapLabel>
+    </CapRow>
+  );
+  const navigateToReward = rewardId => {
+    window.open(
+      `${REWARDS_UI_LINK}/view-rewards/${rewardId}`,
+      '_blank',
+      'noreferrer',
+    );
+  };
+  const getRewardTooltipTitle = reward => {
+    const rewardStatus = getRewardStatus(
+      reward?.startTime,
+      reward?.endTime,
+    )?.toLowerCase();
+    return (
+      <CapColumn>
+        {rewardTooltipContent(formatMessage(globalMessages.name), reward?.name)}
+        {rewardTooltipContent(
+          formatMessage(messages.redemptionType),
+          trimUnderscores(reward?.redemptionType),
+        )}
+        {rewardTooltipContent(formatMessage(messages.rewardId), reward?.id)}
+        {rewardTooltipContent(
+          formatMessage(globalMessages.status),
+          <>
+            <StatusColor
+              className="reward-status-color"
+              colorType={rewardStatus}
+            />
+            {convertToTitleCase(rewardStatus)}
+          </>,
+        )}
+        {rewardTooltipContent(
+          formatMessage(globalMessages.duration),
+          `${moment(reward?.startTime).format('D MMM YYYY')} -
+                ${moment(reward?.endTime).format('D MMM YYYY')}`,
+        )}
+        <CapDivider className="tooltip-divider" />
+        <CapRow onClick={() => navigateToReward(reward?.id)}>
+          <CapHeading type="h4" className="reward-configuration">
+            {formatMessage(messages.linkForRewardConfiguration)}
+          </CapHeading>
+          <CapIcon type="open-in-new-light" className="open-in-new-icon" />
+        </CapRow>
+      </CapColumn>
+    );
+  };
+
+  return (
+    <CapTooltipWithInfo
+      overlayClassName="rewards-tooltip-parent"
+      title={getRewardTooltipTitle(reward)}
+      getPopupContainer={() => document.querySelector('.cap-slide-box-v2')}
+      placement="right"
+      {...tooltipProps}
+    />
+  );
+};
+
+RewardCatalogTooltip.defaultProps = {
+  reward: {},
+  tooltipProps: {},
+};
+
+RewardCatalogTooltip.propTypes = {
+  reward: PropTypes.object,
+  tooltipProps: PropTypes.object,
+  intl: intlShape.isRequired,
+};
+export default injectIntl(RewardCatalogTooltip);

package/components/atoms/RewardCatalogTooltip/index.js

@@ -0,0 +1 @@
+export { default } from './RewardCatalogTooltip';

package/components/atoms/RoleBasedAuth/RoleBasedAuth.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import {
+  getRBACConfigurationData,
+  RBAC_CONFIGURATION_PARAMETERS,
+} from '../../../utils/authWrapper';
+import PermissionDeniedPage from '../../pages/PermissionDeniedPage';
+import RenderRoute from '../RenderRoute';
+
+export const RoleBasedAuth = ({ ...rest }) => {
+  const enabledRBACConfigurations = getRBACConfigurationData();
+  if (
+    !enabledRBACConfigurations.includes(
+      RBAC_CONFIGURATION_PARAMETERS.ENABLE_LOYALTY_NEW_UI_ACCESS_VERIFICATION,
+    )
+  ) {
+    return <RenderRoute {...rest} />;
+  }
+
+  return enabledRBACConfigurations.includes(
+    RBAC_CONFIGURATION_PARAMETERS.OM,
+  ) ? (
+    <RenderRoute {...rest} />
+  ) : (
+    <PermissionDeniedPage />
+  );
+};
+
+export default RoleBasedAuth;

package/components/atoms/RoleBasedAuth/index.js

@@ -0,0 +1 @@
+export { default } from './RoleBasedAuth';