@sendbird/uikit-react 3.17.12 → 3.18.1

package/chunks/{bundle-B7_wxKtf.js → bundle-mSUtEeD1.js}

@@ -1,4 +1,4 @@
-import React__default, { createContext, useState, useCallback, useContext, useEffect, useRef, useMemo, useLayoutEffect } from 'react';
+import React__default, { useState, useCallback, createContext, useContext, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
 
 var q=Object.defineProperty,K=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,k$1=Object.prototype.propertyIsEnumerable;var P=(e,t,i)=>t in e?q(e,t,{enumerable:true,configurable:true,writable:true,value:i}):e[t]=i,l=(e,t)=>{for(var i in t||(t={}))R.call(t,i)&&P(e,i,t[i]);if(w)for(var i of w(t))k$1.call(t,i)&&P(e,i,t[i]);return e},y=(e,t)=>K(e,$(t));var I$1=(e,t)=>{var i={};for(var a in e)R.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&w)for(var a of w(e))t.indexOf(a)<0&&k$1.call(e,a)&&(i[a]=e[a]);return i};var G=(o=>(o.Box="box",o.Text="text",o.Image="image",o.TextButton="textButton",o.ImageButton="imageButton",o.Carousel="carouselView",o.Cascade="cascadeView",o))(G||{});var S=(e,t)=>typeof t[e]!="string"?{}:{[e]:J$1(t[e])};function J$1(e){return e.startsWith("#")?e.length===9?`#${e.slice(3)}${e[1]}${e[2]}`:e.length===5?`#${e.slice(2)}${e[1]}`:e:e}var z=e=>e?{viewStyle:l(l(l({},e),S("backgroundColor",e)),S("borderColor",e))}:{},Q$1=e=>e?{textStyle:l(l({},e),S("color",e))}:{},X$1=e=>e?{imageStyle:l(l({},e),S("tintColor",e))}:{},L$1={run(e){return e.type==="text"||e.type==="textButton"?l(l(l({},e),z(e.viewStyle)),Q$1(e.textStyle)):e.type==="imageButton"||e.type==="image"?l(l(l({},e),z(e.viewStyle)),X$1(e.imageStyle)):l(l({},e),z(e.viewStyle))}};var f=e=>typeof e=="string"?!Number.isNaN(Number(e)):typeof e=="number"&&!Number.isNaN(e),u$1=(e,t)=>t[e]===void 0||t[e]===null?{}:f(t[e])?{[e]:Number(t[e])}:{},M=(e,t)=>t?{[e]:{left:f(t.left)?Number(t.left):t.left,right:f(t.right)?Number(t.right):t.right,top:f(t.top)?Number(t.top):t.top,bottom:f(t.bottom)?Number(t.bottom):t.bottom}}:{},U=(e,t)=>t?{[e]:{type:t.type,value:f(t.value)?Number(t.value):t.value}}:{},Y=e=>e?{metaData:{pixelWidth:f(e.pixelWidth)?Number(e.pixelWidth):e.pixelWidth,pixelHeight:f(e.pixelHeight)?Number(e.pixelHeight):e.pixelHeight}}:{},Z$1=e=>e?{viewStyle:l(l(l(l(l({},e),u$1("borderWidth",e)),u$1("radius",e)),M("margin",e.margin)),M("padding",e.padding))}:{},ee$1=e=>e?{textStyle:l(l(l({},e),u$1("size",e)),u$1("weight",e))}:{},te=e=>e?{carouselStyle:l(l(l({},e),u$1("spacing",e)),u$1("maxChildWidth",e))}:{},le=e=>e?{cascadeStyle:l(l({},e),u$1("spacing",e))}:{},v=e=>l(l(l({},U("width",e.width)),U("height",e.height)),Z$1(e.viewStyle)),ie=e=>l(l(l({},v(e)),ee$1(e.textStyle)),u$1("maxTextLines",e)),oe=e=>l(l({},v(e)),Y(e.metaData)),ae=e=>y(l(l({},v(e)),te(e.carouselStyle)),{items:e.items.map(t=>y(l({},t),{body:y(l({},t.body),{items:t.body.items.map(i=>b.run(i))})}))}),re=e=>y(l(l({},v(e)),le(e.cascadeStyle)),{items:e.items.map(t=>y(l({},t),{body:y(l({},t.body),{items:t.body.items.map(i=>b.run(i))})}))}),b={run(e){return e.type==="text"||e.type==="textButton"?l(l({},e),ie(e)):e.type==="imageButton"||e.type==="image"?l(l({},e),oe(e)):e.type==="carouselView"?l(l({},e),ae(e)):e.type==="cascadeView"?l(l({},e),re(e)):l(l({},e),v(e))}};var pe$1=()=>{},D=e=>{var r;let t=(e==null?void 0:e.defaultMapper)||pe$1,i={defaultMapper:t,mapBoxProps:(e==null?void 0:e.mapBoxProps)||t,mapTextProps:(e==null?void 0:e.mapTextProps)||t,mapImageProps:(e==null?void 0:e.mapImageProps)||t,mapTextButtonProps:(e==null?void 0:e.mapTextButtonProps)||t,mapImageButtonProps:(e==null?void 0:e.mapImageButtonProps)||t,mapCarouselProps:(e==null?void 0:e.mapCarouselProps)||t,mapCascadeProps:(e==null?void 0:e.mapCascadeProps)||t},a=[L$1,b,...(r=e==null?void 0:e.transforms)!=null?r:[]];return {setTransforms(p){a.length=0,a.push(...p);},addTransforms(p){a.push(...p);},parse(p,n){let o=a.reduce((h,g)=>g.run(h),p);switch(o.type){case "box":return {transformed:o,properties:i.mapBoxProps(o,n)};case "text":return {transformed:o,properties:i.mapTextProps(o,n)};case "image":return {transformed:o,properties:i.mapImageProps(o,n)};case "textButton":return {transformed:o,properties:i.mapTextButtonProps(o,n)};case "imageButton":return {transformed:o,properties:i.mapImageButtonProps(o,n)};case "carouselView":return {transformed:o,properties:i.mapCarouselProps(o,n)};case "cascadeView":return {transformed:o,properties:i.mapCascadeProps(o,n)};default:return {transformed:o,properties:void 0}}}}};var s=({children:e})=>React__default.createElement(React__default.Fragment,null,e);function A$1(e){var t,i,a,r,p,n,o;return {box:((t=e==null?void 0:e.views)==null?void 0:t.box)||s,text:((i=e==null?void 0:e.views)==null?void 0:i.text)||s,image:((a=e==null?void 0:e.views)==null?void 0:a.image)||s,imageButton:((r=e==null?void 0:e.views)==null?void 0:r.imageButton)||s,textButton:((p=e==null?void 0:e.views)==null?void 0:p.textButton)||s,carouselView:((n=e==null?void 0:e.views)==null?void 0:n.carouselView)||s,cascadeView:((o=e==null?void 0:e.views)==null?void 0:o.cascadeView)||s}}var j=createContext({sizes:{},updateSize:()=>{}}),E$1=({children:e})=>{let[t,i]=useState({}),a=useCallback(n=>{var o=n,{id:r}=o,p=I$1(o,["id"]);r&&i(h=>y(l({},h),{[r]:p}));},[]);return React__default.createElement(j.Provider,{value:{sizes:t,updateSize:a}},e)},xt$1=()=>useContext(j);var ge$1=(i=>(i.Row="row",i.Column="column",i))(ge$1||{}),fe$1=(p=>(p.Center="center",p.Left="left",p.Right="right",p.Top="top",p.Bottom="bottom",p))(fe$1||{}),ue$1=(i=>(i[i.FillParent=0]="FillParent",i[i.WrapContent=1]="WrapContent",i))(ue$1||{}),me=(i=>(i.Normal="normal",i.Bold="bold",i))(me||{}),se=(a=>(a.AspectFit="aspectFit",a.AspectFill="aspectFill",a.ScalesToFill="scalesToFill",a))(se||{});var T=[1,2],gt$1=e=>{switch(e){case "right":case "bottom":return "flex-end";case "center":return "center";case "left":case "top":default:return "flex-start"}},H=e=>e?T.includes(Number(e)):true;var ce$1=e=>{let t=new Map,i=function(a){return (t.has(a)||t.set(a,e.call(this,a)))&&t.get(a)};return i.cache=t,i},N$1=ce$1(e=>{let t=(i,a)=>{"items"in i&&(i==null?void 0:i.items)!=null&&i.items.forEach((r,p)=>{let n=`${a}-${p}`;r.id=n,t(r,n);});};return e.forEach((i,a)=>{let r=`${a}`;i.id=r,t(i,r);}),e});var F$1={rootLayout:"column",view:{size:{width:{type:"flex",value:0},height:{type:"flex",value:1}}},box:{layout:"row",align:{vertical:"top",horizontal:"left"}},textButton:{maxTextLines:1},carousel:{style:{spacing:10,maxChildWidth:240}},cascade:{layout:"column",style:{spacing:10}}};var Tt=e=>{let t=e.Container||React__default.Fragment,i=e.UnknownMessage||(()=>null),a=e.parser||D(),r=e.renderer||A$1(),p=({templateItems:n,templateVersion:o,parentLayout:h=F$1.box.layout,depth:g=0})=>{if(!H(o))throw new Error(`Cannot parse template item due to unsupported template version: ${o}, ${T}`);return React__default.createElement(React__default.Fragment,null,n.map((O,B,_)=>{let W=a.parse(O,{parentLayout:h,depth:g,elemIdx:B,siblings:_}),d=W.transformed,m={key:B,siblings:_,parentLayout:h,parsedProperties:W.properties,rawProperties:O};switch(d.type){case "carouselView":{if(!Array.isArray(d.items))throw new Error("Cannot parse template item as Carousel if carousel has no items.");return React__default.createElement(r.carouselView,l(l({},d),m),d.items.map((c,C)=>React__default.createElement(p,{key:C,templateItems:c.body.items||[],depth:g+1,templateVersion:c.version})))}case "cascadeView":{if(!Array.isArray(d.items))throw new Error("Cannot parse template item as Cascade if cascade has no items.");return React__default.createElement(r.cascadeView,l(l({},d),m),d.items.map((c,C)=>React__default.createElement(p,{key:C,templateItems:c.body.items||[],depth:g+1,templateVersion:c.version})))}case "box":return React__default.createElement(r.box,l(l({},d),m),React__default.createElement(p,{templateItems:d.items||[],parentLayout:d.layout,depth:g+1,templateVersion:o}));case "text":return React__default.createElement(r.text,l(l({},d),m));case "image":return React__default.createElement(r.image,l(l({},d),m));case "textButton":return React__default.createElement(r.textButton,l(l({},d),m));case "imageButton":return React__default.createElement(r.imageButton,l(l({},d),m));default:return React__default.createElement(i,{item:d})}}))};return {MessageTemplate:({templateVersion:n,templateItems:o,parentLayout:h=F$1.rootLayout})=>{let g=N$1(o);return React__default.createElement(E$1,null,React__default.createElement(t,{className:"sb-message-template__parent"},React__default.createElement(p,{isRoot:true,parentLayout:h,templateItems:g,templateVersion:n})))},MessageTemplateBase:p}};var ve$1=(r=>(r.Web="web",r.Custom="custom",r.UIKit="uikit",r.Internal="internal",r))(ve$1||{});
 
@@ -22,4 +22,4 @@ function MessageTemplate(_a) {
 }
 
 export { MessageTemplate as M, Or as O };
-//# sourceMappingURL=bundle-B7_wxKtf.js.map
+//# sourceMappingURL=bundle-mSUtEeD1.js.map