x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<div class="lui-tabs_content"> <div class="row"> <div class="column "> <div class="lui-title_description lui-title_description--normal"> <span class="lui-title_description__title"> Packages </span> <span class="lui-title_description__description"> Details of each package and the items it contains. </span> </div> </div> </div> <div class="row"> <div class="column "> <div class="lui-accordion lui-accordion--open" data-controller="accordion" data-accordion-open-value="true"> <div class="lui-accordion__header"> <button class="cursor-pointer flex justify-start gap-1 flex-1 items-center" type="button" data-action="click->accordion#toggle" data-accordion-target="trigger" aria-controls="accordion_0cb61a780def"> <div class="lui-accordion__icon mt-1"> <div class="lui-icon h-[8px] w-[8px]"> <i class="fa-regular fa-chevron-down lui-icon__icon" style="font-size: 8px; color: black;"></i> </div> </div> <span class="lui-accordion__title flex justify-start gap-1"> <div class="lui-header lui-header--medium"> <div class="lui-header__title_container"> <span class="lui-header__title_container__title"> Package 0 </span> </div> </div> </span> </button> <div aria-controls="accordion_c80d3f9ed3ae" class="lui-accordion__buttons"> </div> </div> <div id="accordion_03833498553f" class="lui-accordion__content" data-accordion-target="content" > <div class="lui-accordion__content-inner"> <div class="pb-4"> <div class="lui-tabs_content"> <div class="row"> <div class="column "> <div class="lui-form_entry lui-form_entry--horizontal"> <div class="lui-form_entry__row"> <div class="lui-form_entry__input"> <div class="lui-text lui-text--inline relative"> <span class="lui-input__value">0</span> </div> </div> <div class="lui-form_entry__label-wrapper " style="width: 140px; min-width: 140px; word-break: break-word;"> <span class="lui-form_entry__label">Package ID</span> <span class="lui-form_entry__required"></span> </div> </div> </div> <div class="lui-form_entry lui-form_entry--horizontal"> <div class="lui-form_entry__row"> <div class="lui-form_entry__input"> <a target="_blank" href="#"> <div class="flex flex-row"> <div class="underline"> <div class="lui-text lui-text--inline relative"> <span class="lui-input__value">4DJOGYLJNJ</span> </div> </div> </div> </a> </div> <div class="lui-form_entry__label-wrapper " style="width: 140px; min-width: 140px; word-break: break-word;"> <span class="lui-form_entry__label">Tracking Code</span> <span class="lui-form_entry__required"></span> </div> </div> </div> <div class="lui-form_entry lui-form_entry--horizontal"> <div class="lui-form_entry__row"> <div class="lui-form_entry__input"> <div class="lui-text lui-text--inline relative"> <span class="lui-input__value">85.62 kg</span> </div> </div> <div class="lui-form_entry__label-wrapper " style="width: 140px; min-width: 140px; word-break: break-word;"> <span class="lui-form_entry__label">Weight (g)</span> <span class="lui-form_entry__required"></span> </div> </div> </div> </div> <div class="column "> <div class="lui-form_entry lui-form_entry--horizontal"> <div class="lui-form_entry__row"> <div class="lui-form_entry__input"> <span class="lui-date-show">15-07-2026 23h41</span> </div> <div class="lui-form_entry__label-wrapper " style="width: 140px; min-width: 140px; word-break: break-word;"> <span class="lui-form_entry__label">Created at</span> <span class="lui-form_entry__required"></span> </div> </div> </div> <div class="lui-form_entry lui-form_entry--horizontal"> <div class="lui-form_entry__row"> <div class="lui-form_entry__input"> <span class="lui-date-show">13-07-2026 23h41</span> </div> <div class="lui-form_entry__label-wrapper " style="width: 140px; min-width: 140px; word-break: break-word;"> <span class="lui-form_entry__label">Updated at</span> <span class="lui-form_entry__required"></span> </div> </div> </div> </div> </div> <div class="row"> <div class="column "> <div id="table_2440458756"> <div class="lui-table" id="table_2440458756" data-controller="table" data-table-data-source-id-value="items_table_data_source" data-table-float-bar-outlet="#table_2440458756 .lui-table__floating_bar .lui-float_bar" data-table-columns-value="[{"title":"Item","dataIndex":"id","key":"id","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n0 lui-table__cell--first","hidable":true},{"title":"Identifiers","dataIndex":"identifiers","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n1","hidable":true},{"title":"Category","dataIndex":"category","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n2","hidable":true},{"title":"Product","dataIndex":"product","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n3","hidable":true},{"title":"Brand","dataIndex":"brand","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n4","hidable":true},{"title":"Updated at","dataIndex":"updated_at","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n5","hidable":true},{"title":"Created at","dataIndex":"created_at","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n6 lui-table__cell--last","hidable":true}]"> <div data-react-class="Table" data-react-props="{"uniqueId":"table_2440458756","id":"items_table","lang":"en","columns":[{"title":"Item","dataIndex":"id","key":"id","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n0 lui-table__cell--first","hidable":true},{"title":"Identifiers","dataIndex":"identifiers","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n1","hidable":true},{"title":"Category","dataIndex":"category","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n2","hidable":true},{"title":"Product","dataIndex":"product","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n3","hidable":true},{"title":"Brand","dataIndex":"brand","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n4","hidable":true},{"title":"Updated at","dataIndex":"updated_at","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n5","hidable":true},{"title":"Created at","dataIndex":"created_at","key":"state","sortable":false,"type":"html","className":"lui-table__cell lui-table__cell--n6 lui-table__cell--last","hidable":true}],"searchQuery":null,"globalFiltersHtml":null,"hiddableColumnsHtml":null,"tableHeader":"\u003cdiv class=\"lui-table_header\" data-controller=\"table-filters\"\u003e\n \u003cdiv class=\"hidden\" data-table-filters-target=\"button\"\u003e\n \u003cspan class=\"lui-button__tooltip-wrapper inline-flex w-fit\"\u003e\n \n \u003cbutton class=\"lui-button lui-button--neutral--tertiary lui-button--size-small w-fit w-fit relative\" data-controller=\"lui--button\" data-action=\"click-\u0026gt;table-filters#clearAllFilters\"\u003e\n \u003cdiv class=\"opacity-100 inline-flex\" data-lui--button-target=\"leadingIcon\"\u003e\n \u003cdiv class=\"flex items-center justify-center\" style=\"width: 14px; height: 14px;\"\u003e\u003ci class=\"lui-button__icon lui-button__icon--small fa-regular fa-eraser\" data-lui--button-target=\"leadingIcon\"\u003e\u003c/i\u003e\u003c/div\u003e\n\u003c/div\u003e \u003cspan class=\"lui-button__text opacity-100 inline-flex\" data-lui--button-target=\"text\"\u003e\n Clear all filters\n\u003c/span\u003e \u003cdiv class=\"absolute w-full flex items-center justify-center opacity-0\" data-lui--button-target=\"loadingIcon\"\u003e\n \u003ci class=\"lui-m_icon animate-spin material-symbols-rounded\" style=\"--lui-micon-size: 14px;\"\u003e\n progress_activity\n\u003c/i\u003e\n \u003c/div\u003e\n\u003c/button\u003e\u003c/span\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n","footerHtml":null,"clearFiltersHtml":"\u003cspan class=\"lui-button__tooltip-wrapper inline-flex w-fit\"\u003e\n \n \u003cbutton class=\"lui-button lui-button--neutral--tertiary lui-button--size-small w-fit w-fit relative\" data-controller=\"lui--button\"\u003e\n \u003cdiv class=\"opacity-100 inline-flex\" data-lui--button-target=\"leadingIcon\"\u003e\n \u003cdiv class=\"flex items-center justify-center\" style=\"width: 14px; height: 14px;\"\u003e\u003ci class=\"lui-button__icon lui-button__icon--small fa-regular fa-eraser\" data-lui--button-target=\"leadingIcon\"\u003e\u003c/i\u003e\u003c/div\u003e\n\u003c/div\u003e \u003cspan class=\"lui-button__text opacity-100 inline-flex\" data-lui--button-target=\"text\"\u003e\n Clear all filters\n\u003c/span\u003e \u003cdiv class=\"absolute w-full flex items-center justify-center opacity-0\" data-lui--button-target=\"loadingIcon\"\u003e\n \u003ci class=\"lui-m_icon animate-spin material-symbols-rounded\" style=\"--lui-micon-size: 14px;\"\u003e\n progress_activity\n\u003c/i\u003e\n \u003c/div\u003e\n\u003c/button\u003e\u003c/span\u003e","filterCounterTemplateHtml":"\n \u003cspan class=\"lui-counter lui-counter--tinny\" style=\"color: #212529; background-color: #F8F9FA; border: var(--Spacings-0, 1px) solid var(--General-Gray-500, #C4CAD0);\"\u003e\n \u003cspan class=\"lui-counter__text\"\u003e:count:\u003c/span\u003e\n\u003c/span\u003e\n","sortingEnabled":false,"view_more":10,"viewMoreHtml":"\u003cspan class=\"lui-button__tooltip-wrapper inline-flex w-fit\"\u003e\n \n \u003cbutton class=\"lui-button lui-button--neutral--tertiary lui-button--size-default w-fit w-fit relative\" data-controller=\"lui--button\"\u003e\n \u003cspan class=\"lui-button__text opacity-100 inline-flex\" data-lui--button-target=\"text\"\u003e\n View more\n\u003c/span\u003e \u003cdiv class=\"absolute w-full flex items-center justify-center opacity-0\" data-lui--button-target=\"loadingIcon\"\u003e\n \u003ci class=\"lui-m_icon animate-spin material-symbols-rounded\" style=\"--lui-micon-size: 16px;\"\u003e\n progress_activity\n\u003c/i\u003e\n \u003c/div\u003e\n\u003c/button\u003e\u003c/span\u003e","fetchUrl":null,"filtersUrl":null,"selectable":null,"selectableType":null,"showPagination":false,"showPaginationSizeChanger":true,"showResultCount":false,"searchable":false,"theme":{"token":{"fontFamily":"IBM Plex Sans","borderRadius":4,"colorLink":"#212529","colorActive":"#212529","colorHover":"#212529","colorText":"#212529"},"components":{"Table":{"footerBg":"#ffffff","headerBg":"#F8F9FA","headerColor":"#495057","headerSortActiveBg":"#F8F9FA","headerSortHoverBg":"#F8F9FA","headerSortSortBg":"#F8F9FA","bodySortBg":"#ffffff","rowHoverBg":"#F8F9FA","borderColor":"#ECEFF2","headerBorderRadius":4,"rowSelectedBg":"#F8F9FA","rowSelectedHoverBg":"#F8F9FA","selectionColumnWidth":32,"headerSplitColor":"#ECEFF2","cellPaddingInlineSM":16},"Pagination":{"itemActiveBg":"transparent"}}},"treeIndentSize":15,"expandableConfig":{"defaultExpandAllRows":false},"initialFilters":{}}" data-react-cache-id="Table-0"></div> </div> </div> <div id="items_table_data_source" class="hidden"> [{"id":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_1531621719\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003ca href=\"#\"\u003e\n BIL-0\n\u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","identifiers":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_7821441232\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv id=\"lui-token_list_2902670536\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_2902670536_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_2902670536 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_2902670536_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_1475808767\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003cspan class=\"lui-token__key-text\"\u003eEAN: \u003c/span\u003e\n \u003cspan class=\"lui-token__text\" data-turbo-action=\"advance\"\u003eG24JHDYXCH\u003c/span\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","category":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_1514812509\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv id=\"lui-token_list_9508286743\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_9508286743_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_9508286743 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_9508286743_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_5362092628\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-grid\"\u003e\u003c/i\u003e\n \n \u003ca href=\"#\" class=\"lui-token__text lui-token__text--url\" data-turbo-frame=\"lui-main-layout\" data-turbo-action=\"advance\"\u003eGranite\u003c/a\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","product":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_65226010\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan id=\"lui-token_3805063338\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-box-open\"\u003e\u003c/i\u003e\n \n \u003ca href=\"#\" class=\"lui-token__text lui-token__text--url\" data-turbo-frame=\"lui-main-layout\" data-turbo-action=\"advance\"\u003eSleek Granite Bench\u003c/a\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","brand":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_2807543204\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv id=\"lui-token_list_9974911290\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_9974911290_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_9974911290 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_9974911290_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_9608590673\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-seal\"\u003e\u003c/i\u003e\n \n \u003ca href=\"#\" class=\"lui-token__text lui-token__text--url\" data-turbo-frame=\"lui-main-layout\" data-turbo-action=\"advance\"\u003eNikon\u003c/a\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","created_at":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_1680139525\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan class=\"lui-date-show\"\u003e14-07-2026 23h41\u003c/span\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","updated_at":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_4575178121\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan class=\"lui-date-show\"\u003e13-07-2026 23h41\u003c/span\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","_lui_key":"BIL-0","_lui_data":{"delete_action":null}},{"id":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_3405539807\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003ca href=\"#\"\u003e\n BIL-0\n\u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","identifiers":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_7032696096\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv id=\"lui-token_list_6040243962\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_6040243962_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_6040243962 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_6040243962_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_3239718155\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003cspan class=\"lui-token__key-text\"\u003eEAN: \u003c/span\u003e\n \u003cspan class=\"lui-token__text\" data-turbo-action=\"advance\"\u003eSOGCJVYHHI\u003c/span\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","category":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_1998971406\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv id=\"lui-token_list_5897773874\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_5897773874_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_5897773874 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_5897773874_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_3633890962\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-grid\"\u003e\u003c/i\u003e\n \n \u003ca href=\"#\" class=\"lui-token__text lui-token__text--url\" data-turbo-frame=\"lui-main-layout\" data-turbo-action=\"advance\"\u003eSilk\u003c/a\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","product":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_5432969054\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan id=\"lui-token_9158206488\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-box-open\"\u003e\u003c/i\u003e\n \n \u003cspan class=\"lui-token__text\"\u003eAwesome Copper Shirt\u003c/span\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","brand":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_222646500\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cdiv id=\"lui-token_list_9610425221\" class=\"lui-token-list lui-token-list--horizontal\"\n data-controller=\"token-list\"\n data-token-list-frame-id-value=\"lui-token_list_9610425221_frame\"\n data-token-list-model-association-overlay-outlet=\"#lui-token_list_9610425221 .lui-association-overlay\"\u003e\n \u003cturbo-frame class=\"lui-token-list__items\" id=\"lui-token_list_9610425221_frame\"\u003e\n \u003cdiv data-controller=\"drag\" class=\"lui-token-list__items\"\u003e\n \u003cspan id=\"lui-token_1006410545\" class=\"lui-token lui-entity-token lui-entity-token-general \" style=\"color: #212529;\"\u003e\n \n \u003ci class=\"lui-token__icon fa-regular fa-regular fa-seal\"\u003e\u003c/i\u003e\n \n \u003ca href=\"#\" class=\"lui-token__text lui-token__text--url\" data-turbo-frame=\"lui-main-layout\" data-turbo-action=\"advance\"\u003eNikon\u003c/a\u003e\n \u003cdiv class=\"lui-token__actions\"\u003e\n \u003c/div\u003e\n\u003c/span\u003e\n\n\n\n \u003c/div\u003e\n\u003c/turbo-frame\u003e \n\u003c/div\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","created_at":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_8083101637\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan class=\"lui-date-show\"\u003e14-07-2026 23h41\u003c/span\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","updated_at":"\u003cspan class=\"lui-table__cell-content\" style=\"\" id=\"table_2440458756_cell_5949402131\" data-table-target=\"cell\"\u003e\n \u003cdiv class=\"lui-table__cell-content_slot\"\u003e\n \u003cspan class=\"lui-date-show\"\u003e15-07-2026 23h41\u003c/span\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"flex flex-row items-center justify-center\"\u003e\n \n \u003c/div\u003e\n\u003c/span\u003e\n","_lui_key":"BIL-0","_lui_data":{"delete_action":null}}] </div> <div id="items_table_pagination" class="hidden"> {"current":1,"pageSize":15,"total":2} </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div>No Usage documentation to display.
Create a markdown file in /project/test/components/loopos_ui/usage_documentation/packages.md.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<% i = 0 item_full_id = "BIL-#{i * 100}" status = ["draft", "created", "received", "collected", "sent", "delivered", "pending", "waiting_close", "waiting_receive", "waiting_collection", "awaiting_update", "complex", "delivery_failed", "failed", "collection_failed", "error","canceled", "expired"].sample data = { key: i, id: i, show_url: "#", status: status, reference: "LOOPOS-#{item_full_id}", item: { id: i, full_id: item_full_id, show_url: "#" }, items: (rand * 3 + 1).floor.times.map { |i| { id: i, full_id: item_full_id, show_url: "#" } }, # kind: ["invoice", "simplified_invoice", "invoice_receipt", "credit_note", "debit_note"].sample, provider: { id: 0, name: Faker::Company.name, show_url: "#" }, #amount: "#{sprintf('%.2f', rand * 100)} €", #vat: ["IVA23", "IVA6", "IVA0", "IVA13"].sample, receiver_info: { name: Faker::Name.name, street: Faker::Address.full_address, city: Faker::Address.city, zipcode: Faker::Address.zip_code, }, sender_info: { name: Faker::Name.name, street: Faker::Address.full_address, city: Faker::Address.city, zipcode: Faker::Address.zip_code, }, tracking_code: Faker::Alphanumeric.alphanumeric(number: 10).upcase, partnable: { id: 0, name: Faker::Company.name, show_url: "#" }, categories: (rand * 3 + 1).floor.times.map { |i| { id: i, name: Faker::Commerce.material, show_url: "#" } }, product: { id: 0, name: Faker::Commerce.product_name, show_url: "#" }, brands: (rand * 3 + 1).floor.times.map { |i| { id: i, name: Faker::Commerce.brand, show_url: "#" } }, created_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), updated_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), error_messages: ["delivery_failed", "failed", "collection_failed", "error"].include?(status) ? ["Teste"] : nil, update_status_url: "#", pickup_show_url: "#", packages: (rand * 3 + 1).floor.times.map do |i| { id: i, show_url: "#", status: status, tracking_code: Faker::Alphanumeric.alphanumeric(number: 10).upcase, tracking_url: ["#", nil].sample, weight: "#{(rand * 100).round(2)} kg", created_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), updated_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), items: (rand * 3 + 1).floor.times.map do |i| { id: i, full_id: item_full_id, show_url: "#", identifiers: [{ id: i, kind: "EAN", reference: Faker::Alphanumeric.alphanumeric(number: 10).upcase, show_url: nil }], categories: [{ id: i, name: Faker::Commerce.material, show_url: ["#", nil].sample }], product: { id: i, name: Faker::Commerce.product_name, show_url: ["#", nil].sample }, brands: [{ id: i, name: Faker::Commerce.brand, show_url: ["#", nil].sample }], created_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), updated_at: I18n.l(rand(DateTime.now..3.days.from_now.to_datetime), format: "%d %h %Y, %H:%M"), } end, } end, } if !LooposUi.config.app_type?(:core) data.except!(:categories, :product, :brands) end shipping = ::LooposUi::Resources::ShippingResource::Shipping.new(data)%><%= render LooposUi::Services::Shippings::Tabs::Packages.new( data: shipping,) %>No notes provided.
No params configured.
No documentation to display.
Create a markdown file in packages.