@bikdotai/bik-component-library 0.0.566-webpush-beta0.6 → 0.0.566-webpush-beta0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../models/WebpushTemplate.js"),i=require("./WebpushPreview.styled.js");exports.default=t=>{let{template:n}=t;var l,a,E,O,P,c;const{components:r,webpushBroadcastConfig:_}=n,o="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",N=(e,s)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,t)=>{const n=t.trim();if(s&&s.length&&i<s.length){const e=s[i];return i++,e}return`{{${n}}}`})):""},T=N(r[s.WEB_PUSH_COMPONENT_TYPE.TITLE],null==_?void 0:_.title),d=N(null!==(E=null!==(a=null===(l=r[s.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===l?void 0:l.text)&&void 0!==a?a:r[s.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==_?void 0:_.body);return e.jsxs(i.WebpushPreviewContainer,{children:[e.jsxs("div",Object.assign({className:"icon--header"},{children:[e.jsx("div",Object.assign({className:"icon-img-container"},{children:e.jsx("img",{src:(null===(O=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===O?void 0:O.length)?_[s.WEB_PUSH_COMPONENT_TYPE.ICON][0]:r[s.WEB_PUSH_COMPONENT_TYPE.ICON]||o,alt:"icon-image"})})),e.jsxs("div",Object.assign({className:"text--container"},{children:[e.jsx("div",{children:T}),e.jsx("div",Object.assign({style:{marginTop:3}},{children:d}))]}))]})),r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",Object.assign({className:"banner-img-container"},{children:e.jsx("img",{src:(null===(P=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===P?void 0:P.length)?_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(c=r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==c?c:o,alt:"icon-image"})})),r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",Object.assign({className:"button-container "+(1===r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":"")},{children:r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((i,t)=>e.jsx("div",Object.assign({className:"each--btn",style:{flex:1===r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"}},{children:e.jsx("div",Object.assign({className:"text-btn"},{children:i.text}))}),`webpush-buttons-${t}`)))}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{WebpushPreviewContainer as n}from"./WebpushPreview.styled.js";const l=l=>{let{template:a}=l;var s,o,c,r,d,m;const{components:g,webpushBroadcastConfig:h}=a,v="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",b=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,n)=>{const l=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,e}return`{{${l}}}`})):""},u=b(g[i.TITLE],null==h?void 0:h.title),p=b(null!==(c=null!==(o=null===(s=g[i.BODY])||void 0===s?void 0:s.text)&&void 0!==o?o:g[i.BODY])&&void 0!==c?c:"",null==h?void 0:h.body);return e(n,{children:[e("div",Object.assign({className:"icon--header"},{children:[t("div",Object.assign({className:"icon-img-container"},{children:t("img",{src:(null===(r=null==h?void 0:h[i.ICON])||void 0===r?void 0:r.length)?h[i.ICON][0]:g[i.ICON]||v,alt:"icon-image"})})),e("div",Object.assign({className:"text--container"},{children:[t("div",{children:u}),t("div",Object.assign({style:{marginTop:3}},{children:p}))]}))]})),g[i.IMAGE]&&g[i.IMAGE].length&&t("div",Object.assign({className:"banner-img-container"},{children:t("img",{src:(null===(d=null==h?void 0:h[i.IMAGE])||void 0===d?void 0:d.length)?h[i.IMAGE][0]:null!==(m=g[i.IMAGE])&&void 0!==m?m:v,alt:"icon-image"})})),g[i.BUTTONS]&&g[i.BUTTONS].length&&t("div",Object.assign({className:"button-container "+(1===g[i.BUTTONS].length?"single-button":"")},{children:g[i.BUTTONS].map(((e,n)=>t("div",Object.assign({className:"each--btn",style:{flex:1===g[i.BUTTONS].length?"0 0 50%":"1"}},{children:t("div",Object.assign({className:"text-btn"},{children:e.text}))}),`webpush-buttons-${n}`)))}))]})};export{l as default};
|