pb-sxp-ui 1.0.82 → 1.0.84

package/dist/index.css

@@ -1,96 +1,3 @@
-.consent-bg {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 999;
-  background-color: rgba(0, 0, 0, 0.3);
-}
-.consent {
-  margin: 50% auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  overflow: hidden;
-  background-color: #fff;
-  border-radius: 4px;
-  padding: 10px;
-  width: 60%;
-  border: 1px solid #D1D1D1;
-}
-.consent-col {
-  width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.consent-title {
-  font-size: 12px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: center;
-  color: #3D3D3D;
-  margin-bottom: 5px;
-}
-.consent-content {
-  font-size: 10px;
-  line-height: 15px;
-  color: #3E3E3C;
-  margin-bottom: 10px;
-}
-.consent-btn {
-  background-color: #000;
-  color: #fff;
-  outline: none;
-  border: none;
-  width: 100%;
-  height: 27px;
-  line-height: 27px;
-  margin-bottom: 6px;
-  cursor: pointer;
-  background: #494949;
-  font-size: 12px;
-}
-.consent-policy {
-  color: #000;
-  text-decoration: underline;
-  font-size: 12px;
-  color: #3E3E3C;
-}
-.consent-policy:hover {
-  color: #000;
-}
-
 @media screen and (max-width: 575px) {
   :global .ant-form .ant-form-item .ant-form-item-control,
   :global .ant-form .ant-form-item .ant-form-item-label {
@@ -2031,3 +1938,95 @@ button.swiper-pagination-bullet {
   -webkit-animation: popIn linear forwards;
           animation: popIn linear forwards;
 }
+.consent-bg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 999;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.consent {
+  margin: 50% auto;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 4px;
+  padding: 10px;
+  width: 60%;
+  border: 1px solid #D1D1D1;
+}
+.consent-col {
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.consent-title {
+  font-size: 12px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #3D3D3D;
+  margin-bottom: 5px;
+}
+.consent-content {
+  font-size: 10px;
+  line-height: 15px;
+  color: #3E3E3C;
+  margin-bottom: 10px;
+}
+.consent-btn {
+  background-color: #000;
+  color: #fff;
+  outline: none;
+  border: none;
+  width: 100%;
+  height: 27px;
+  line-height: 27px;
+  margin-bottom: 6px;
+  cursor: pointer;
+  background: #494949;
+  font-size: 12px;
+}
+.consent-policy {
+  color: #000;
+  text-decoration: underline;
+  font-size: 12px;
+  color: #3E3E3C;
+}
+.consent-policy:hover {
+  color: #000;
+}

package/dist/index.js

@@ -419,7 +419,7 @@ var SXP_EVENT_TYPE;
  * @Author: binruan@chatlabs.com
  * @Date: 2024-06-13 15:16:53
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-06-13 18:22:53
+ * @LastEditTime: 2024-06-17 14:25:01
  * @FilePath: \pb-sxp-ui\src\core\components\Consent\index.tsx
  *
  */
@@ -12316,11 +12316,12 @@ function WaterfallList$1(_a) {
     return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
         React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'waterFallList', ref: waterfallFlowDom },
         React.createElement("div", { className: 'waterFallList-scroll', ref: scrollParent },
-            showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement(FormatImage$1, { className: css({
-                    width: '100%',
-                    objectFit: 'cover',
-                    marginBottom: '20px'
-                }), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture })),
+            showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement("div", { onClick: handleClickLink },
+                React.createElement(FormatImage$1, { className: css({
+                        width: '100%',
+                        objectFit: 'cover',
+                        marginBottom: '20px'
+                    }), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
             React.createElement("div", { className: 'waterFallList-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
             React.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'waterFallList-collection', style: Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), onClick: handleClickLink }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
             React.createElement("div", { className: 'waterFallList-content' }, list === null || list === void 0 ? void 0 :
@@ -12540,11 +12541,12 @@ function WaterfallList(_a) {
     return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
         React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'list' },
         React.createElement("div", { className: 'list-scroll', ref: containerRef },
-            showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement(FormatImage$1, { className: css({
-                    width: '100%',
-                    objectFit: 'cover',
-                    marginBottom: '20px'
-                }), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture })),
+            showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement("div", { onClick: handleClickLink },
+                React.createElement(FormatImage$1, { className: css({
+                        width: '100%',
+                        objectFit: 'cover',
+                        marginBottom: '20px'
+                    }), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
             React.createElement("div", { className: 'list-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
             React.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'list-collection', onClick: handleClickLink, style: Object.assign(Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), { marginBottom: props === null || props === void 0 ? void 0 : props.space }) }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
             React.createElement("div", { className: 'list-content' }, list === null || list === void 0 ? void 0 : list.map((item, ind) => {