https://trading.hellostake.com/chunk-DEBKUCJW.js

1import{c as p,d as S,j as H,o as K,p as Q,q as W,r as ee}from"./chunk-BDSYKT6J.js";import"./chunk-Z56RYNVV.js";import{_a as G,ic as Z,mb as L}from"./chunk-PUGKVKLT.js";import{A as Y,C as q,b as B,c as V,h as F,i as J,o as R,q as U,t as z,u as $,v as j,w as X}from"./chunk-SY5WC56G.js";import"./chunk-EODBXF6J.js";import{a as P,c as k}from"./chunk-XKZ4IX2E.js";import{ea as M,v as w}from"./chunk-RGTBMA6J.js";import{$a as E,Ac as g,Cc as b,Dc as _,Ec as x,Fa as N,Fc as u,Gc as a,Hc as t,Ic as y,Ka as I,Mb as r,Vc as O,Vd as d,Xc as f,ec as A,fc as D,kd as n,ld as C,md as h,yc as c}from"./chunk-JPSGLHZF.js";import"./chunk-3PCRWRDW.js";import{n as T}from"./chunk-DGGHC3VO.js";function ie(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function oe(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function ne(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2,"Asset name (3D)"),t(),a(3,"select",21),_(4,oe,2,2,"option",11,b),t()()),e&2){let o=f();r(4),x(o.image3DOptions)}}function re(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function le(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2,"Asset name (pictogram)"),t(),a(3,"select",22),_(4,re,2,2,"option",11,b),t()()),e&2){let o=f();r(4),x(o.pictogramOptions)}}function se(e,i){e&1&&(a(0,"span",23),n(1,"(square, transparent PNG, noise baked in)"),t())}function de(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2," Image URL "),c(3,se,2,0,"span",23),t(),y(4,"input",24),t()),e&2){let o=f();r(3),g(o.isImage3dCustom()?3:-1)}}function me(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function pe(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2,"Theme target (darkMode)"),t(),a(3,"select",25),_(4,me,2,2,"option",11,b),t()()),e&2){let o=f();r(4),x(o.darkModeOptions)}}function ce(e,i){e&1&&(a(0,"label",4)(1,"span",5),n(2,"logoSymbols (JSON array \u2014 logoGrid: 4 entries, logoGradient: 1)"),t(),y(3,"textarea",26),t())}function ge(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function ue(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2),t(),y(3,"input",29),t()),e&2){let o=f(2);r(2),h("logoIntensity \u2014 greyscale brightness (0\u20134): ",o.form.controls.greyscaleIntensity.value)}}function ye(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2),t(),y(3,"input",30),t()),e&2){let o=f(2);r(2),h("logoIntensity \u2014 silhouette invert (0.5\u20131): ",o.form.controls.silhouetteIntensity.value)}}function fe(e,i){if(e&1&&(a(0,"label",4)(1,"span",5),n(2,"Logo style"),t(),a(3,"select",27),_(4,ge,2,2,"option",11,b),t()(),c(6,ue,4,1,"label",4),c(7,ye,4,1,"label",4),a(8,"label",4)(9,"span",5),n(10),t(),y(11,"input",28),t()),e&2){let o=f();r(4),x(o.logoStyleOptions),r(2),g(o.isGreyscale()?6:-1),r(),g(o.isSilhouette()?7:-1),r(3),h("logoOpacity (0\u20131): ",o.form.controls.logoOpacity.value)}}function Ce(e,i){if(e&1&&(a(0,"option",11),n(1),t()),e&2){let o=i.$implicit;u("value",o),r(),C(o)}}function be(e,i){if(e&1&&(a(0,"li"),n(1),t()),e&2){let o=i.$implicit;r(),C(o)}}function _e(e,i){if(e&1&&(a(0,"ul",19),_(1,be,2,1,"li",null,b),t()),e&2){let o=f();r(),x(o.errors())}}var te=JSON.stringify([{symbol:"NVDA",product:"US_TRADING"}],null,2),xe=JSON.stringify([{symbol:"NVDA",product:"US_TRADING"},{symbol:"AMZN",product:"US_TRADING"},{symbol:"TSLA",product:"US_TRADING"},{symbol:"GOOG",product:"US_TRADING"}],null,2),v=(()=>{let i=class i{constructor(){this._formBuilder=I(Y),this.assetTypeOptions=Object.values(p),this.modeOptions=[S.Secondary,S.Primary],this.logoStyleOptions=["greyscale","silhouette"],this.darkModeOptions=["agnostic","light","dark"],this.image3DOptions=L.map(l=>l.name).sort(),this.pictogramOptions=Z.map(l=>l.name).sort(),this.form=this._formBuilder.nonNullable.group({title:"Stake Supply: Drop 2",body:"Introducing the Nasdaks, new Market Cap colours and more.",arrow:!1,assetType:p.Image3D,assetName3D:"opportunities",assetNamePictogram:"funds",image:"",logoSymbolsText:te,mode:S.Secondary,logoStyle:"greyscale",greyscaleIntensity:1,silhouetteIntensity:1,logoOpacity:.8,darkMode:"agnostic"}),this._value=k(this.form.valueChanges,{initialValue:this.form.getRawValue()}),this._logoSymbolsParse=d(()=>

1{let l=(this._value().logoSymbolsText??"").trim();if(!l)return{symbols:[]};try{let m=JSON.parse(l);return Array.isArray(m)?{symbols:m}:{symbols:[],error:"logoSymbols must be a JSON array."}}catch{return{symbols:[],error:"logoSymbols is not valid JSON."}}}),this._controls=d(()=>{let l=this._value();return{title:l.title??"",body:l.body||void 0,arrow:l.arrow??!1,assetType:l.assetType??p.Image3D,assetName3D:l.assetName3D||void 0,assetNamePictogram:l.assetNamePictogram||void 0,image:l.image||void 0,logoSymbols:this._logoSymbolsParse().symbols,mode:l.mode??S.Secondary,logoStyle:l.logoStyle??"greyscale",greyscaleIntensity:Number(l.greyscaleIntensity),silhouetteIntensity:Number(l.silhouetteIntensity),logoOpacity:Number(l.logoOpacity),darkMode:l.darkMode??"agnostic"}}),this.cardView=d(()=>Q(this._controls())),this._payload=d(()=>W(this._controls())),this.prettyJson=d(()=>JSON.stringify(this._payload(),null,2)),this.minifiedJson=d(()=>JSON.stringify(this._payload())),this.errors=d(()=>{let{error:l}=this._logoSymbolsParse(),m=ee(this._controls());return l?[l,...m]:m}),this.isImage=d(()=>this._value().assetType===p.Image),this.isImage3dCustom=d(()=>this._value().assetType===p.Image3DCustom),this.isImage3d=d(()=>this._value().assetType===p.Image3D),this.isPictogram=d(()=>this._value().assetType===p.Pictogram),this.isLogoGradient=d(()=>this._value().assetType===p.LogoGradient),this.isLogoAsset=d(()=>K(this._value().assetType??p.Image3D)),this.isGreyscale=d(()=>this.isLogoGradient()&&this._value().logoStyle==="greyscale"),this.isSilhouette=d(()=>this.isLogoGradient()&&this._value().logoStyle==="silhouette"),this.copied=E(!1),this._syncLogoSymbolsDefaultToAssetType()}_syncLogoSymbolsDefaultToAssetType(){this.form.controls.assetType.valueChanges.pipe(P()).subscribe(l=>{l===p.LogoGrid?this.form.controls.logoSymbolsText.setValue(xe):l===p.LogoGradient&&this.form.controls.logoSymbolsText.setValue(te)})}copyForBraze(){return T(this,null,function*(){if(navigator.clipboard?.writeText)try{yield navigator.clipboard.writeText(this.minifiedJson()),this.copied.set(!0),setTimeout(()=>this.copied.set(!1),1500)}catch{}})}};i.\u0275fac=function(m){return new(m||i)},i.\u0275cmp=A({type:i,selectors:[["web-content-card-authoring-page"]],decls:65,vars:12,consts:[[1,"flex","flex-col","space-y-5"],[1,"flex","flex-wrap","gap-8",3,"formGroup"],[1,"flex","flex-col","space-y-4","mb-10",2,"width","500px"],[1,"text-altera-label-lg"],[1,"flex","flex-col","gap-1"],[1,"text-altera-label-md"],["type","text","formControlName","title",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],["formControlName","body","rows","2",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],[1,"flex","items-center","gap-2"],["type","checkbox","formControlName","arrow"],["formControlName","assetType",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],[3,"value"],["formControlName","mode",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],[1,"sticky","top-24","self-start","flex","flex-col","space-y-4"],[1,"bg-altera-primary","rounded-altera-8","p-altera-padding-lg",2,"width","400px"],[3,"card"],[1,"flex","flex-col","space-y-4","w-full"],[1,"flex","items-center","gap-3"],["stake-button","","size","small","data-testid","copy-for-braze",3,"click","disabled"],[1,"text-altera-danger"],[1,"overflow-auto","rounded-altera-8","bg-altera-tertiary","p-altera-padding-md","font-mono","text-body-sm"],["formControlName","assetName3D",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],["formControlName","assetNamePictogram",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],[1,"text-altera-secondary"],["type","text","formControlName","image","placeholder","https://\u2026",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],["formControlName","darkMode",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],["formControlName","logoSymbolsText","rows","6",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm","font-mono"],["formControlName","logoStyle",1,"w-full","rounded-altera-8","border","border-altera-secondary","bg-altera-primary","text-altera-primary","p-altera-padding-sm"],["type","range","min","0","max","1","step","0.05","formControlName","logoOpacity",1,"w-full"],["type","range","min","0","max","4","step","1","formControlName","greyscaleIntensity",1,"w-full"],["type","range","min","0.5","max","1","step","0.05","formControlName","silhouetteIntensity",1,"w-full"]],template:function(m,s){m&1&&(a(0,"div",0)(1,"h3"),n(2,"Content card authoring"),t(),a(3,"p"),n(4," The in-app twin of the Storybook Content Card playground. Logo asset types resolve real logos via the authenticated app. The "),a(5,"strong"),n(6,"extras.odysseyV1"),t(),n(7," JSON below updates live \u2014 paste it into the Braze content card's "),a(8,"code"),n(9,"extras.odysseyV1"),t(),n(10," field. "),a(11,"code"),n(12,"title"),t(),n(13," and the image URL for "),a(14,"code"),n(15,"assetType: image"),t(),n(16," are native Braze ClassicCard fields and are not included. "),t(),a(17,"div",1)(18,"div",2)(19,"span",3),n(20,"Controls"),t(),a(21,"label",4)(22,"span",5),n(23,"Title"),t(),y(24,"input",6),t(),a(25,"label",4)(26,"span",5),n(27,"Body"),t(),y(28,"textarea",7),t(),a(29,"label",8),y(30,"input",9),a(31,"span",5),n(32,"Arrow"),t()(),a(33,"label",4)(34,"span",5),n(35,"Asset type"),t(),a(36,"select",10),_(37,ie,2,2,"option",11,b),t()(),c(39,ne,6,0,"label",4),c(40,le,6,0,"label",4),c(41,de,5,1,"label",4),c(42,pe,6,0,"label",4),c(43,ce,4,0,"label",4),c(44,fe,12,3),a(45,"label",4)(46,"span",5),n(47,"Mode"),t(),a(48,"select",12),_(49,Ce,2,2,"option",11,b),t()()(),a(51,"div",13)(52,"span",3),n(53,"Preview"),t(),a(54,"div",14),y(55,"stake-braze-content-card",15),t()(),a(56,"div",16)(57,"div",17)(58,"span",3),n(59,"extras.odysseyV1"),t(),a(60,"button",18),O("click",function(){return s.copyForBraze()}),n(61),t()(),c(62,_e,3,0,"ul",19),a(63,"pre",20),n(64),t()()()()),m&2&&(r(17),u("formGroup",s.form),r(20),x(s.assetTypeOptions),r(2),g(s.isImage3d()?39:-1),r(),g(s.isPictogram()?40:-1),r(),g(s.isImage()||s.isImage3dCustom()?41:-1),r(),g(s.isImage()?42

1:-1),r(),g(s.isLogoAsset()?43:-1),r(),g(s.isLogoGradient()?44:-1),r(5),x(s.modeOptions),r(6),u("card",s.cardView()),r(5),u("disabled",s.errors().length>0),r(),h(" ",s.copied()?"Copied!":"Copy for Braze"," "),r(),g(s.errors().length>0?62:-1),r(2),C(s.prettyJson()))},dependencies:[q,j,X,V,R,B,$,F,J,U,z,H,G],encapsulation:2,changeDetection:0});let e=i;return e})();var he=[{path:"",component:v}],Be=(()=>{let i=class i{};i.\u0275fac=function(m){return new(m||i)},i.\u0275mod=D({type:i}),i.\u0275inj=N({imports:[v,w,M.forChild(he)]});let e=i;return e})();export{Be as ContentCardAuthoringModule};